← Back to Editor

#DA9F16 · #D8D830 · #909030 · #186078 · #184878

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#DA9F16

Ochre · GoldenRod · Honey Gold

HEX
#DA9F16
RGB
rgb(218, 159, 22)
HSL
hsl(42, 82%, 47%)
HSB
hsb(42, 90%, 85%)
CMYK
cmyk(0%, 27%, 90%, 15%)
Oklch
oklch(74.0% 0.148 81.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D8D830

Autumn Sage · GoldenRod · Sunflower

HEX
#D8D830
RGB
rgb(216, 216, 48)
HSL
hsl(60, 68%, 52%)
HSB
hsb(60, 78%, 85%)
CMYK
cmyk(0%, 0%, 78%, 15%)
Oklch
oklch(85.5% 0.174 109.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#909030

Autumn Sage · Olive · Honey Gold

HEX
#909030
RGB
rgb(144, 144, 48)
HSL
hsl(60, 50%, 38%)
HSB
hsb(60, 67%, 56%)
CMYK
cmyk(0%, 0%, 67%, 44%)
Oklch
oklch(63.5% 0.117 109.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#186078

Lake Blue · Teal · Mint Ice

HEX
#186078
RGB
rgb(24, 96, 120)
HSL
hsl(195, 67%, 28%)
HSB
hsb(195, 80%, 47%)
CMYK
cmyk(80%, 20%, 0%, 53%)
Oklch
oklch(45.8% 0.078 225.3)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#184878

Indigo · DarkSlateGray · Prussian Blue

HEX
#184878
RGB
rgb(24, 72, 120)
HSL
hsl(210, 67%, 28%)
HSB
hsb(210, 80%, 47%)
CMYK
cmyk(80%, 40%, 0%, 53%)
Oklch
oklch(39.6% 0.096 251.6)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA9F16
1651DA

Analogous

DA3D16
DA9F16
B3DA16

Triadic

DA9F16
16DA9F
9F16DA

Split-Comp.

DA9F16
16B3DA
3D16DA

Tetradic

DA9F16
16DA3D
1651DA
DA16B3

Contrast Matrix WCAG 2.1 Contrast

DA9F16
D8D830
909030
186078
184878
—
1.5
Fail
1.4
Fail
3.0
AA Large
4.0
AA Large
1.5
Fail
—
2.2
Fail
4.6
AA
6.2
AA
1.4
Fail
2.2
Fail
—
2.1
Fail
2.8
Fail
3.0
AA Large
4.6
AA
2.1
Fail
—
1.3
Fail
4.0
AA Large
6.2
AA
2.8
Fail
1.3
Fail
—
White BG
2.3Fail
1.5Fail
3.4AA Large
7.0AAA
9.4AAA
Black BG
9.0AAA
13.8AAA
6.2AA
3.0Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C037
D8D859
909047
373872
2D2D6C

Deuteranopia

C4C83F
D8D862
90904D
332E71
2A266A

Tritanopia

D75157
D87980
905A5E
1C6E6D
1A6361

Achromatopsia

A1A1A1
C5C5C5
858585
4D4D4D
3F3F3F

Shades & Tints Shades & Tints

#DA9F16

Dark
Light

#D8D830

Dark
Light

#909030

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da9f16;
  --color-2: #d8d830;
  --color-3: #909030;
  --color-4: #186078;
  --color-5: #184878;
}

SCSS

$color-1: #da9f16;
$color-2: #d8d830;
$color-3: #909030;
$color-4: #186078;
$color-5: #184878;

TAILWIND

colors: {
  'brand-1': '#da9f16',
  'brand-2': '#d8d830',
  'brand-3': '#909030',
  'brand-4': '#186078',
  'brand-5': '#184878',
}

RGB Array

[218, 159, 22], [216, 216, 48], [144, 144, 48], [24, 96, 120], [24, 72, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DA9F16, #D8D830, #909030, #186078, #184878 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #da9f16; --color-2: #d8d830; --color-3: #909030; --color-4: #186078; --color-5: #184878. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color