← Back to Editor

#C1F088 · #CCD345 · #CFAD3E · #ECBB14 · #74032D

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 AppData Visualization

Color Details Color Details

#C1F088

Willow Green · Khaki · Apple Green

HEX
#C1F088
RGB
rgb(193, 240, 136)
HSL
hsl(87, 78%, 74%)
HSB
hsb(87, 43%, 94%)
CMYK
cmyk(20%, 0%, 43%, 6%)
Oklch
oklch(89.9% 0.141 128.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#CCD345

Autumn Sage · GreenYellow · Sunflower

HEX
#CCD345
RGB
rgb(204, 211, 69)
HSL
hsl(63, 62%, 55%)
HSB
hsb(63, 67%, 83%)
CMYK
cmyk(3%, 0%, 67%, 17%)
Oklch
oklch(83.6% 0.160 112.1)

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

#CFAD3E

Ginger · GoldenRod · Sunflower

HEX
#CFAD3E
RGB
rgb(207, 173, 62)
HSL
hsl(46, 60%, 53%)
HSB
hsb(46, 70%, 81%)
CMYK
cmyk(0%, 16%, 70%, 19%)
Oklch
oklch(75.8% 0.132 91.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#ECBB14

Ochre · GoldenRod · Honey Gold

HEX
#ECBB14
RGB
rgb(236, 187, 20)
HSL
hsl(46, 85%, 50%)
HSB
hsb(46, 92%, 93%)
CMYK
cmyk(0%, 21%, 92%, 7%)
Oklch
oklch(81.3% 0.163 89.1)

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

#74032D

Dark Violet · Maroon · Raspberry

HEX
#74032D
RGB
rgb(116, 3, 45)
HSL
hsl(338, 95%, 23%)
HSB
hsb(338, 97%, 45%)
CMYK
cmyk(0%, 97%, 61%, 55%)
Oklch
oklch(35.9% 0.141 9.1)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1F088
B889F0

Analogous

F0EB89
C1F088
8EF089

Triadic

C1F088
89C2F0
F089C2

Split-Comp.

C1F088
898EF0
EB89F0

Tetradic

C1F088
89F0EB
B889F0
F0898E

Contrast Matrix WCAG 2.1 Contrast

C1F088
CCD345
CFAD3E
ECBB14
74032D
—
1.2
Fail
1.7
Fail
1.4
Fail
9.0
AAA
1.2
Fail
—
1.3
Fail
1.1
Fail
7.2
AAA
1.7
Fail
1.3
Fail
—
1.2
Fail
5.4
AA
1.4
Fail
1.1
Fail
1.2
Fail
—
6.5
AA
9.0
AAA
7.2
AAA
5.4
AA
6.5
AA
—
White BG
1.3Fail
1.6Fail
2.2Fail
1.8Fail
11.7AAA
Black BG
16.1AAA
13.0AAA
9.7AAA
11.7AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D6A1
CFCF67
C0C059
D7D63C
434223

Deuteranopia

D3CFA7
CFCE70
C2C55F
DADD46
4A5220

Tritanopia

C3B5B9
CC8288
CD6E73
EA5C63
6E1B19

Achromatopsia

D6D6D6
C1C1C1
ABABAB
B7B7B7
2A2A2A

Shades & Tints Shades & Tints

#C1F088

Dark
Light

#CCD345

Dark
Light

#CFAD3E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1f088;
  --color-2: #ccd345;
  --color-3: #cfad3e;
  --color-4: #ecbb14;
  --color-5: #74032d;
}

SCSS

$color-1: #c1f088;
$color-2: #ccd345;
$color-3: #cfad3e;
$color-4: #ecbb14;
$color-5: #74032d;

TAILWIND

colors: {
  'brand-1': '#c1f088',
  'brand-2': '#ccd345',
  'brand-3': '#cfad3e',
  'brand-4': '#ecbb14',
  'brand-5': '#74032d',
}

RGB Array

[193, 240, 136], [204, 211, 69], [207, 173, 62], [236, 187, 20], [116, 3, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C1F088, #CCD345, #CFAD3E, #ECBB14, #74032D is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #c1f088; --color-2: #ccd345; --color-3: #cfad3e; --color-4: #ecbb14; --color-5: #74032d. 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 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