← Back to Editor

#C9CC9D · #E1EB1B · #A2A84C · #AFBA14 · #5E1B3E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C9CC9D

Fresh Green · Tan · Sunflower

HEX
#C9CC9D
RGB
rgb(201, 204, 157)
HSL
hsl(64, 32%, 71%)
HSB
hsb(64, 23%, 80%)
CMYK
cmyk(1%, 0%, 23%, 20%)
Oklch
oklch(83.1% 0.063 110.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E1EB1B

Autumn Sage · Yellow · Sunflower

HEX
#E1EB1B
RGB
rgb(225, 235, 27)
HSL
hsl(63, 84%, 51%)
HSB
hsb(63, 89%, 92%)
CMYK
cmyk(4%, 0%, 89%, 8%)
Oklch
oklch(90.2% 0.197 112.9)

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

#A2A84C

Autumn Sage · GoldenRod · Honey Gold

HEX
#A2A84C
RGB
rgb(162, 168, 76)
HSL
hsl(64, 38%, 48%)
HSB
hsb(64, 55%, 66%)
CMYK
cmyk(4%, 0%, 55%, 34%)
Oklch
oklch(70.7% 0.116 112.4)

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

#AFBA14

Autumn Sage · GoldenRod · Honey Gold

HEX
#AFBA14
RGB
rgb(175, 186, 20)
HSL
hsl(64, 81%, 40%)
HSB
hsb(64, 89%, 73%)
CMYK
cmyk(6%, 0%, 89%, 27%)
Oklch
oklch(75.5% 0.166 114.0)

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

#5E1B3E

Rose Purple · DarkSlateGray · Raspberry

HEX
#5E1B3E
RGB
rgb(94, 27, 62)
HSL
hsl(329, 55%, 24%)
HSB
hsb(329, 71%, 37%)
CMYK
cmyk(0%, 71%, 34%, 63%)
Oklch
oklch(34.1% 0.105 351.8)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9CC9D
A19DCD

Analogous

CDB89D
C9CC9D
B2CD9D

Triadic

C9CC9D
9DCACD
CD9DCA

Split-Comp.

C9CC9D
9DB2CD
B89DCD

Tetradic

C9CC9D
9DCDB8
A19DCD
CD9DB2

Contrast Matrix WCAG 2.1 Contrast

C9CC9D
E1EB1B
A2A84C
AFBA14
5E1B3E
—
1.3
Fail
1.5
Fail
1.3
Fail
7.4
AAA
1.3
Fail
—
2.0
Fail
1.6
Fail
9.5
AAA
1.5
Fail
2.0
Fail
—
1.2
Fail
4.8
AA
1.3
Fail
1.6
Fail
1.2
Fail
—
5.8
AA
7.4
AAA
9.5
AAA
4.8
AA
5.8
AA
—
White BG
1.7Fail
1.3Fail
2.5Fail
2.1Fail
12.3AAA
Black BG
12.6AAA
16.1AAA
8.2AAA
9.9AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAA8
E5E54D
A5A562
B4B43C
414036

Deuteranopia

CACAAB
E5E459
A4A468
B3B246
454A34

Tritanopia

C9B1B3
E2757E
A27478
B05C63
5B2F2D

Achromatopsia

C6C6C6
D0D0D0
9C9C9C
A4A4A4
333333

Shades & Tints Shades & Tints

#C9CC9D

Dark
Light

#E1EB1B

Dark
Light

#A2A84C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9cc9d;
  --color-2: #e1eb1b;
  --color-3: #a2a84c;
  --color-4: #afba14;
  --color-5: #5e1b3e;
}

SCSS

$color-1: #c9cc9d;
$color-2: #e1eb1b;
$color-3: #a2a84c;
$color-4: #afba14;
$color-5: #5e1b3e;

TAILWIND

colors: {
  'brand-1': '#c9cc9d',
  'brand-2': '#e1eb1b',
  'brand-3': '#a2a84c',
  'brand-4': '#afba14',
  'brand-5': '#5e1b3e',
}

RGB Array

[201, 204, 157], [225, 235, 27], [162, 168, 76], [175, 186, 20], [94, 27, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9CC9D, #E1EB1B, #A2A84C, #AFBA14, #5E1B3E is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c9cc9d; --color-2: #e1eb1b; --color-3: #a2a84c; --color-4: #afba14; --color-5: #5e1b3e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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