← Back to Editor

#FCF6D5 · #D1F24C · #BCC210 · #73942B · #2B030B

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

#FCF6D5

Fresh Green · Beige · Lemon Cream

HEX
#FCF6D5
RGB
rgb(252, 246, 213)
HSL
hsl(51, 87%, 91%)
HSB
hsb(51, 15%, 99%)
CMYK
cmyk(0%, 2%, 15%, 1%)
Oklch
oklch(96.9% 0.043 98.6)

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

#D1F24C

Willow Green · GreenYellow · Apple Green

HEX
#D1F24C
RGB
rgb(209, 242, 76)
HSL
hsl(72, 86%, 62%)
HSB
hsb(72, 69%, 95%)
CMYK
cmyk(14%, 0%, 69%, 5%)
Oklch
oklch(90.8% 0.188 120.1)

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

#BCC210

Autumn Sage · GoldenRod · Honey Gold

HEX
#BCC210
RGB
rgb(188, 194, 16)
HSL
hsl(62, 85%, 41%)
HSB
hsb(62, 92%, 76%)
CMYK
cmyk(3%, 0%, 92%, 24%)
Oklch
oklch(78.3% 0.171 112.0)

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

#73942B

Grass Green · Olive · Forest Green

HEX
#73942B
RGB
rgb(115, 148, 43)
HSL
hsl(79, 55%, 37%)
HSB
hsb(79, 71%, 58%)
CMYK
cmyk(22%, 0%, 71%, 42%)
Oklch
oklch(62.1% 0.136 125.4)

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

#2B030B

Vermilion · Black · Deep Berry

HEX
#2B030B
RGB
rgb(43, 3, 11)
HSL
hsl(348, 87%, 9%)
HSB
hsb(348, 93%, 17%)
CMYK
cmyk(0%, 93%, 74%, 83%)
Oklch
oklch(19.1% 0.067 13.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF6D5
D4DAFC

Analogous

FCE2D4
FCF6D5
EEFCD4

Triadic

FCF6D5
D4FCF6
F6D4FC

Split-Comp.

FCF6D5
D4EEFC
E2D4FC

Tetradic

FCF6D5
D4FCE2
D4DAFC
FCD4EE

Contrast Matrix WCAG 2.1 Contrast

FCF6D5
D1F24C
BCC210
73942B
2B030B
—
1.2
Fail
1.8
Fail
3.2
AA Large
17.2
AAA
1.2
Fail
—
1.5
Fail
2.8
Fail
14.7
AAA
1.8
Fail
1.5
Fail
—
1.8
Fail
9.7
AAA
3.2
AA Large
2.8
Fail
1.8
Fail
—
5.4
AA
17.2
AAA
14.7
AAA
9.7
AAA
5.4
AA
—
White BG
1.1Fail
1.3Fail
1.9Fail
3.5AA Large
18.7AAA
Black BG
19.3AAA
16.5AAA
10.9AAA
6.0AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9DD
DFE074
BFBF3B
818244
1A1909

Deuteranopia

FAFADF
DDDB7E
BEBE45
7F7D4B
1C1F09

Tritanopia

FCE3E5
D3949B
BC5D65
75585D
290807

Achromatopsia

F4F4F4
D5D5D5
ACACAC
7E7E7E
101010

Shades & Tints Shades & Tints

#FCF6D5

Dark
Light

#D1F24C

Dark
Light

#BCC210

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf6d5;
  --color-2: #d1f24c;
  --color-3: #bcc210;
  --color-4: #73942b;
  --color-5: #2b030b;
}

SCSS

$color-1: #fcf6d5;
$color-2: #d1f24c;
$color-3: #bcc210;
$color-4: #73942b;
$color-5: #2b030b;

TAILWIND

colors: {
  'brand-1': '#fcf6d5',
  'brand-2': '#d1f24c',
  'brand-3': '#bcc210',
  'brand-4': '#73942b',
  'brand-5': '#2b030b',
}

RGB Array

[252, 246, 213], [209, 242, 76], [188, 194, 16], [115, 148, 43], [43, 3, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF6D5, #D1F24C, #BCC210, #73942B, #2B030B 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: #fcf6d5; --color-2: #d1f24c; --color-3: #bcc210; --color-4: #73942b; --color-5: #2b030b. 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