← Back to Editor

#95A131 · #C8CD3B · #F6F1DE · #F5B9AE · #EE0B5B

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

#95A131

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#95A131
RGB
rgb(149, 161, 49)
HSL
hsl(66, 53%, 41%)
HSB
hsb(66, 70%, 63%)
CMYK
cmyk(7%, 0%, 70%, 37%)
Oklch
oklch(67.8% 0.134 115.3)

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

#C8CD3B

Autumn Sage · GoldenRod · Sunflower

HEX
#C8CD3B
RGB
rgb(200, 205, 59)
HSL
hsl(62, 59%, 52%)
HSB
hsb(62, 71%, 80%)
CMYK
cmyk(2%, 0%, 71%, 20%)
Oklch
oklch(81.9% 0.161 111.4)

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

#F6F1DE

Goose Yellow · Beige · Lemon Cream

HEX
#F6F1DE
RGB
rgb(246, 241, 222)
HSL
hsl(47, 57%, 92%)
HSB
hsb(47, 10%, 96%)
CMYK
cmyk(0%, 2%, 10%, 4%)
Oklch
oklch(95.7% 0.026 94.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F5B9AE

Peach Pink · LightPink · Cherry Blossom

HEX
#F5B9AE
RGB
rgb(245, 185, 174)
HSL
hsl(9, 78%, 82%)
HSB
hsb(9, 29%, 96%)
CMYK
cmyk(0%, 24%, 29%, 4%)
Oklch
oklch(83.8% 0.072 30.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EE0B5B

Dark Violet · Crimson · Camellia

HEX
#EE0B5B
RGB
rgb(238, 11, 91)
HSL
hsl(339, 91%, 49%)
HSB
hsb(339, 95%, 93%)
CMYK
cmyk(0%, 95%, 62%, 7%)
Oklch
oklch(60.8% 0.240 12.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95A131
3C31A0

Analogous

A07431
95A131
5DA031

Triadic

95A131
3195A0
A03195

Split-Comp.

95A131
315DA0
7431A0

Tetradic

95A131
31A074
3C31A0
A0315D

Contrast Matrix WCAG 2.1 Contrast

95A131
C8CD3B
F6F1DE
F5B9AE
EE0B5B
—
1.7
Fail
2.5
Fail
1.7
Fail
1.5
Fail
1.7
Fail
—
1.5
Fail
1.0
Fail
2.5
Fail
2.5
Fail
1.5
Fail
—
1.5
Fail
3.8
AA Large
1.7
Fail
1.0
Fail
1.5
Fail
—
2.6
Fail
1.5
Fail
2.5
Fail
3.8
AA Large
2.6
Fail
—
White BG
2.8Fail
1.7Fail
1.1Fail
1.7Fail
4.3AA Large
Black BG
7.4AAA
12.3AAA
18.6AAA
12.4AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A4C
CACA5E
F4F4E3
DBDAB1
8C8A48

Deuteranopia

9A9953
CACA67
F4F5E4
DFE3B1
99AA43

Tritanopia

966166
C87A80
F6E6E7
F2B3B3
E33835

Achromatopsia

919191
BBBBBB
F0F0F0
CACACA
585858

Shades & Tints Shades & Tints

#95A131

Dark
Light

#C8CD3B

Dark
Light

#F6F1DE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95a131;
  --color-2: #c8cd3b;
  --color-3: #f6f1de;
  --color-4: #f5b9ae;
  --color-5: #ee0b5b;
}

SCSS

$color-1: #95a131;
$color-2: #c8cd3b;
$color-3: #f6f1de;
$color-4: #f5b9ae;
$color-5: #ee0b5b;

TAILWIND

colors: {
  'brand-1': '#95a131',
  'brand-2': '#c8cd3b',
  'brand-3': '#f6f1de',
  'brand-4': '#f5b9ae',
  'brand-5': '#ee0b5b',
}

RGB Array

[149, 161, 49], [200, 205, 59], [246, 241, 222], [245, 185, 174], [238, 11, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95A131, #C8CD3B, #F6F1DE, #F5B9AE, #EE0B5B 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: #95a131; --color-2: #c8cd3b; --color-3: #f6f1de; --color-4: #f5b9ae; --color-5: #ee0b5b. 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