← Back to Editor

#C2A794 · #C7CB90 · #F9E8B2 · #FF9E81 · #E24033

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 App

Color Details Color Details

#C2A794

Apricot · Tan · Warm Sun

HEX
#C2A794
RGB
rgb(194, 167, 148)
HSL
hsl(25, 27%, 67%)
HSB
hsb(25, 24%, 76%)
CMYK
cmyk(0%, 14%, 24%, 24%)
Oklch
oklch(74.7% 0.041 57.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C7CB90

Fresh Green · Tan · Sunflower

HEX
#C7CB90
RGB
rgb(199, 203, 144)
HSL
hsl(64, 36%, 68%)
HSB
hsb(64, 29%, 80%)
CMYK
cmyk(2%, 0%, 29%, 20%)
Oklch
oklch(82.5% 0.078 111.2)

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

#F9E8B2

Goose Yellow · Wheat · Lemon Cream

HEX
#F9E8B2
RGB
rgb(249, 232, 178)
HSL
hsl(46, 86%, 84%)
HSB
hsb(46, 29%, 98%)
CMYK
cmyk(0%, 7%, 29%, 2%)
Oklch
oklch(93.2% 0.072 92.7)

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

#FF9E81

Peach Pink · LightSalmon · Coral Red

HEX
#FF9E81
RGB
rgb(255, 158, 129)
HSL
hsl(14, 100%, 75%)
HSB
hsb(14, 49%, 100%)
CMYK
cmyk(0%, 38%, 49%, 0%)
Oklch
oklch(79.2% 0.123 37.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E24033

Vermilion · Crimson · Passion Red

HEX
#E24033
RGB
rgb(226, 64, 51)
HSL
hsl(4, 75%, 54%)
HSB
hsb(4, 77%, 89%)
CMYK
cmyk(0%, 72%, 77%, 11%)
Oklch
oklch(60.9% 0.201 28.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2A794
94AFC2

Analogous

C29498
C2A794
C2BE94

Triadic

C2A794
94C2A7
A794C2

Split-Comp.

C2A794
94C2BE
9498C2

Tetradic

C2A794
98C294
94AFC2
BE94C2

Contrast Matrix WCAG 2.1 Contrast

C2A794
C7CB90
F9E8B2
FF9E81
E24033
—
1.3
Fail
1.9
Fail
1.1
Fail
1.8
Fail
1.3
Fail
—
1.4
Fail
1.2
Fail
2.5
Fail
1.9
Fail
1.4
Fail
—
1.6
Fail
3.4
AA Large
1.1
Fail
1.2
Fail
1.6
Fail
—
2.1
Fail
1.8
Fail
2.5
Fail
3.4
AA Large
2.1
Fail
—
White BG
2.3Fail
1.7Fail
1.2Fail
2.0Fail
4.2AA Large
Black BG
9.2AAA
12.4AAA
17.2AAA
10.5AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B699
C9C99E
F2F1BF
D5D488
9C9A36

Deuteranopia

B8BA9A
C9C8A2
F3F4C2
DBE28A
A5B137

Tritanopia

C19C9D
C7AAAC
F8C9CC
FA8E8F
DA3939

Achromatopsia

ADADAD
C3C3C3
E7E7E7
B8B8B8
6F6F6F

Shades & Tints Shades & Tints

#C2A794

Dark
Light

#C7CB90

Dark
Light

#F9E8B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2a794;
  --color-2: #c7cb90;
  --color-3: #f9e8b2;
  --color-4: #ff9e81;
  --color-5: #e24033;
}

SCSS

$color-1: #c2a794;
$color-2: #c7cb90;
$color-3: #f9e8b2;
$color-4: #ff9e81;
$color-5: #e24033;

TAILWIND

colors: {
  'brand-1': '#c2a794',
  'brand-2': '#c7cb90',
  'brand-3': '#f9e8b2',
  'brand-4': '#ff9e81',
  'brand-5': '#e24033',
}

RGB Array

[194, 167, 148], [199, 203, 144], [249, 232, 178], [255, 158, 129], [226, 64, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2A794, #C7CB90, #F9E8B2, #FF9E81, #E24033 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #c2a794; --color-2: #c7cb90; --color-3: #f9e8b2; --color-4: #ff9e81; --color-5: #e24033. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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