← Back to Editor

#F9FF9D · #C3D05E · #8EA120 · #4F6431 · #102742

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F9FF9D

Fresh Green · Khaki · Lemon Cream

HEX
#F9FF9D
RGB
rgb(249, 255, 157)
HSL
hsl(64, 100%, 81%)
HSB
hsb(64, 38%, 100%)
CMYK
cmyk(2%, 0%, 38%, 0%)
Oklch
oklch(97.4% 0.121 111.5)

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

#C3D05E

Autumn Sage · BurlyWood · Sunflower

HEX
#C3D05E
RGB
rgb(195, 208, 94)
HSL
hsl(67, 55%, 59%)
HSB
hsb(67, 55%, 82%)
CMYK
cmyk(6%, 0%, 55%, 18%)
Oklch
oklch(82.5% 0.139 114.9)

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

#8EA120

Autumn Sage · Olive · Honey Gold

HEX
#8EA120
RGB
rgb(142, 161, 32)
HSL
hsl(69, 67%, 38%)
HSB
hsb(69, 80%, 63%)
CMYK
cmyk(12%, 0%, 80%, 37%)
Oklch
oklch(67.1% 0.146 118.2)

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

#4F6431

Grass Green · DarkOliveGreen · Forest Green

HEX
#4F6431
RGB
rgb(79, 100, 49)
HSL
hsl(85, 34%, 29%)
HSB
hsb(85, 51%, 39%)
CMYK
cmyk(21%, 0%, 51%, 61%)
Oklch
oklch(47.3% 0.079 127.6)

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

#102742

Indigo · MidnightBlue · Deep Sea Blue

HEX
#102742
RGB
rgb(16, 39, 66)
HSL
hsl(212, 61%, 16%)
HSB
hsb(212, 76%, 26%)
CMYK
cmyk(76%, 41%, 0%, 74%)
Oklch
oklch(27.0% 0.058 253.9)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9FF9D
A59EFF

Analogous

FFD59E
F9FF9D
C8FF9E

Triadic

F9FF9D
9EF9FF
FF9EF9

Split-Comp.

F9FF9D
9EC8FF
D59EFF

Tetradic

F9FF9D
9EFFD5
A59EFF
FF9EC8

Contrast Matrix WCAG 2.1 Contrast

F9FF9D
C3D05E
8EA120
4F6431
102742
—
1.6
Fail
2.7
Fail
6.2
AA
14.2
AAA
1.6
Fail
—
1.7
Fail
3.9
AA Large
9.0
AAA
2.7
Fail
1.7
Fail
—
2.3
Fail
5.2
AA
6.2
AA
3.9
AA Large
2.3
Fail
—
2.3
Fail
14.2
AAA
9.0
AAA
5.2
AA
2.3
Fail
—
White BG
1.1Fail
1.7Fail
2.9Fail
6.6AA
15.1AAA
Black BG
19.8AAA
12.5AAA
7.3AAA
3.2AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCB5
C9C97A
96963F
58583D
1A1A3B

Deuteranopia

FBFBBA
C8C780
959447
575540
19173A

Tritanopia

F9C7CC
C48F94
8F585D
504749
113635

Achromatopsia

F2F2F2
BFBFBF
8D8D8D
585858
232323

Shades & Tints Shades & Tints

#F9FF9D

Dark
Light

#C3D05E

Dark
Light

#8EA120

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9ff9d;
  --color-2: #c3d05e;
  --color-3: #8ea120;
  --color-4: #4f6431;
  --color-5: #102742;
}

SCSS

$color-1: #f9ff9d;
$color-2: #c3d05e;
$color-3: #8ea120;
$color-4: #4f6431;
$color-5: #102742;

TAILWIND

colors: {
  'brand-1': '#f9ff9d',
  'brand-2': '#c3d05e',
  'brand-3': '#8ea120',
  'brand-4': '#4f6431',
  'brand-5': '#102742',
}

RGB Array

[249, 255, 157], [195, 208, 94], [142, 161, 32], [79, 100, 49], [16, 39, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9FF9D, #C3D05E, #8EA120, #4F6431, #102742 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: #f9ff9d; --color-2: #c3d05e; --color-3: #8ea120; --color-4: #4f6431; --color-5: #102742. 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