← Back to Editor

#C9BB3A · #AF9D25 · #857017 · #593E13 · #AD1A24

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C9BB3A

Autumn Sage · GoldenRod · Sunflower

HEX
#C9BB3A
RGB
rgb(201, 187, 58)
HSL
hsl(54, 57%, 51%)
HSB
hsb(54, 71%, 79%)
CMYK
cmyk(0%, 7%, 71%, 21%)
Oklch
oklch(78.1% 0.145 103.0)

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

#AF9D25

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#AF9D25
RGB
rgb(175, 157, 37)
HSL
hsl(52, 65%, 42%)
HSB
hsb(52, 79%, 69%)
CMYK
cmyk(0%, 10%, 79%, 31%)
Oklch
oklch(69.2% 0.133 100.2)

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

#857017

Ochre · Olive · Honey Gold

HEX
#857017
RGB
rgb(133, 112, 23)
HSL
hsl(49, 71%, 31%)
HSB
hsb(49, 83%, 52%)
CMYK
cmyk(0%, 16%, 83%, 48%)
Oklch
oklch(55.0% 0.105 94.7)

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

#593E13

Ochre · DarkOliveGreen · Cinnamon

HEX
#593E13
RGB
rgb(89, 62, 19)
HSL
hsl(37, 65%, 21%)
HSB
hsb(37, 79%, 35%)
CMYK
cmyk(0%, 30%, 79%, 65%)
Oklch
oklch(38.6% 0.069 75.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#AD1A24

Vermilion · FireBrick · Wine Red

HEX
#AD1A24
RGB
rgb(173, 26, 36)
HSL
hsl(356, 74%, 39%)
HSB
hsb(356, 85%, 68%)
CMYK
cmyk(0%, 85%, 79%, 32%)
Oklch
oklch(48.2% 0.180 24.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9BB3A
3B49C9

Analogous

C9743B
C9BB3A
90C93B

Triadic

C9BB3A
3BC9BB
BB3BC9

Split-Comp.

C9BB3A
3B90C9
743BC9

Tetradic

C9BB3A
3BC974
3B49C9
C93B90

Contrast Matrix WCAG 2.1 Contrast

C9BB3A
AF9D25
857017
593E13
AD1A24
—
1.4
Fail
2.5
Fail
5.0
AA
3.6
AA Large
1.4
Fail
—
1.8
Fail
3.6
AA Large
2.6
Fail
2.5
Fail
1.8
Fail
—
2.0
Fail
1.5
Fail
5.0
AA
3.6
AA Large
2.0
Fail
—
1.4
Fail
3.6
AA Large
2.6
Fail
1.5
Fail
1.4
Fail
—
White BG
2.0Fail
2.7Fail
4.9AA
9.9AAA
7.1AAA
Black BG
10.7AAA
7.7AAA
4.3AA Large
2.1Fail
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C359
A7A742
7C7C2D
4D4D1D
6D6C22

Deuteranopia

C4C561
A8AA49
7D7F32
4F5120
768121

Tritanopia

C87277
AE595E
843E41
582627
A6201F

Achromatopsia

B0B0B0
959595
6C6C6C
414141
474747

Shades & Tints Shades & Tints

#C9BB3A

Dark
Light

#AF9D25

Dark
Light

#857017

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9bb3a;
  --color-2: #af9d25;
  --color-3: #857017;
  --color-4: #593e13;
  --color-5: #ad1a24;
}

SCSS

$color-1: #c9bb3a;
$color-2: #af9d25;
$color-3: #857017;
$color-4: #593e13;
$color-5: #ad1a24;

TAILWIND

colors: {
  'brand-1': '#c9bb3a',
  'brand-2': '#af9d25',
  'brand-3': '#857017',
  'brand-4': '#593e13',
  'brand-5': '#ad1a24',
}

RGB Array

[201, 187, 58], [175, 157, 37], [133, 112, 23], [89, 62, 19], [173, 26, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9BB3A, #AF9D25, #857017, #593E13, #AD1A24 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: #c9bb3a; --color-2: #af9d25; --color-3: #857017; --color-4: #593e13; --color-5: #ad1a24. 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