← Back to Editor

#FFFBDE · #88A33A · #C0CB6B · #6C2351 · #19002B

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

#FFFBDE

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFBDE
RGB
rgb(255, 251, 222)
HSL
hsl(53, 100%, 94%)
HSB
hsb(53, 13%, 100%)
CMYK
cmyk(0%, 2%, 13%, 0%)
Oklch
oklch(98.4% 0.038 100.6)

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

#88A33A

Grass Green · Olive · Olive Green

HEX
#88A33A
RGB
rgb(136, 163, 58)
HSL
hsl(75, 48%, 43%)
HSB
hsb(75, 64%, 64%)
CMYK
cmyk(17%, 0%, 64%, 36%)
Oklch
oklch(67.4% 0.135 122.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#C0CB6B

Fresh Green · Tan · Sunflower

HEX
#C0CB6B
RGB
rgb(192, 203, 107)
HSL
hsl(67, 48%, 61%)
HSB
hsb(67, 47%, 80%)
CMYK
cmyk(5%, 0%, 47%, 20%)
Oklch
oklch(81.3% 0.121 114.5)

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

#6C2351

Rose Purple · Purple · Camellia

HEX
#6C2351
RGB
rgb(108, 35, 81)
HSL
hsl(322, 51%, 28%)
HSB
hsb(322, 68%, 42%)
CMYK
cmyk(0%, 68%, 25%, 58%)
Oklch
oklch(38.3% 0.117 345.3)

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

#19002B

Royal Purple · Black · Dark Purple

HEX
#19002B
RGB
rgb(25, 0, 43)
HSL
hsl(275, 100%, 8%)
HSB
hsb(275, 100%, 17%)
CMYK
cmyk(42%, 100%, 0%, 83%)
Oklch
oklch(16.8% 0.086 307.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFBDE
E0E4FF

Analogous

FFECE0
FFFBDE
F3FFE0

Triadic

FFFBDE
E0FFFB
FBE0FF

Split-Comp.

FFFBDE
E0F3FF
ECE0FF

Tetradic

FFFBDE
E0FFEC
E0E4FF
FFE0F3

Contrast Matrix WCAG 2.1 Contrast

FFFBDE
88A33A
C0CB6B
6C2351
19002B
—
2.7
Fail
1.7
Fail
10.1
AAA
18.7
AAA
2.7
Fail
—
1.6
Fail
3.7
AA Large
6.8
AA
1.7
Fail
1.6
Fail
—
6.0
AA
11.1
AAA
10.1
AAA
3.7
AA Large
6.0
AA
—
1.9
Fail
18.7
AAA
6.8
AA
11.1
AAA
1.9
Fail
—
White BG
1.0Fail
2.9Fail
1.8Fail
10.5AAA
19.5AAA
Black BG
20.1AAA
7.3AAA
12.0AAA
2.0Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDE5
949453
C5C582
4C4C46
0E0E21

Deuteranopia

FEFEE7
92905A
C4C388
515643
10121E

Tritanopia

FFEBEC
89676C
C19599
683D3B
181817

Achromatopsia

F9F9F9
8F8F8F
BDBDBD
3E3E3E
0C0C0C

Shades & Tints Shades & Tints

#FFFBDE

Dark
Light

#88A33A

Dark
Light

#C0CB6B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffbde;
  --color-2: #88a33a;
  --color-3: #c0cb6b;
  --color-4: #6c2351;
  --color-5: #19002b;
}

SCSS

$color-1: #fffbde;
$color-2: #88a33a;
$color-3: #c0cb6b;
$color-4: #6c2351;
$color-5: #19002b;

TAILWIND

colors: {
  'brand-1': '#fffbde',
  'brand-2': '#88a33a',
  'brand-3': '#c0cb6b',
  'brand-4': '#6c2351',
  'brand-5': '#19002b',
}

RGB Array

[255, 251, 222], [136, 163, 58], [192, 203, 107], [108, 35, 81], [25, 0, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFBDE, #88A33A, #C0CB6B, #6C2351, #19002B 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: #fffbde; --color-2: #88a33a; --color-3: #c0cb6b; --color-4: #6c2351; --color-5: #19002b. 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