← Back to Editor

#FFE4C9 · #E1BEA8 · #C16767 · #9B4B64 · #7D294A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FFE4C9

Goose Yellow · Bisque · Peach Orange

HEX
#FFE4C9
RGB
rgb(255, 228, 201)
HSL
hsl(30, 100%, 89%)
HSB
hsb(30, 21%, 100%)
CMYK
cmyk(0%, 11%, 21%, 0%)
Oklch
oklch(93.4% 0.046 67.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E1BEA8

Apricot · Tan · Peach Orange

HEX
#E1BEA8
RGB
rgb(225, 190, 168)
HSL
hsl(23, 49%, 77%)
HSB
hsb(23, 25%, 88%)
CMYK
cmyk(0%, 16%, 25%, 12%)
Oklch
oklch(82.6% 0.050 54.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C16767

Crimson · LightCoral · Passion Red

HEX
#C16767
RGB
rgb(193, 103, 103)
HSL
hsl(0, 42%, 58%)
HSB
hsb(0, 47%, 76%)
CMYK
cmyk(0%, 47%, 47%, 24%)
Oklch
oklch(61.8% 0.115 20.9)

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

#9B4B64

Dark Violet · Sienna · Camellia

HEX
#9B4B64
RGB
rgb(155, 75, 100)
HSL
hsl(341, 35%, 45%)
HSB
hsb(341, 52%, 61%)
CMYK
cmyk(0%, 52%, 35%, 39%)
Oklch
oklch(52.0% 0.110 1.8)

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

#7D294A

Dark Violet · Brown · Camellia

HEX
#7D294A
RGB
rgb(125, 41, 74)
HSL
hsl(336, 51%, 33%)
HSB
hsb(336, 67%, 49%)
CMYK
cmyk(0%, 67%, 41%, 51%)
Oklch
oklch(41.7% 0.120 359.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE4C9
C7E3FF

Analogous

FFC7C7
FFE4C9
FFFFC7

Triadic

FFE4C9
C7FFE3
E3C7FF

Split-Comp.

FFE4C9
C7FFFF
C7C7FF

Tetradic

FFE4C9
C7FFC7
C7E3FF
FFC7FF

Contrast Matrix WCAG 2.1 Contrast

FFE4C9
E1BEA8
C16767
9B4B64
7D294A
—
1.4
Fail
3.2
AA Large
4.8
AA
7.5
AAA
1.4
Fail
—
2.2
Fail
3.4
AA Large
5.3
AA
3.2
AA Large
2.2
Fail
—
1.5
Fail
2.4
Fail
4.8
AA
3.4
AA Large
1.5
Fail
—
1.6
Fail
7.5
AAA
5.3
AA
2.4
Fail
1.6
Fail
—
White BG
1.2Fail
1.7Fail
3.9AA Large
5.9AA
9.2AAA
Black BG
17.2AAA
12.1AAA
5.4AA
3.6AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3D0
D2D2AD
9A9967
78785E
595842

Deuteranopia

F5F7D1
D4D7AF
9FA667
7D835D
5E6440

Tritanopia

FED5D6
DFB2B2
BD6767
975958
793C3A

Achromatopsia

E9E9E9
C6C6C6
828282
666666
464646

Shades & Tints Shades & Tints

#FFE4C9

Dark
Light

#E1BEA8

Dark
Light

#C16767

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe4c9;
  --color-2: #e1bea8;
  --color-3: #c16767;
  --color-4: #9b4b64;
  --color-5: #7d294a;
}

SCSS

$color-1: #ffe4c9;
$color-2: #e1bea8;
$color-3: #c16767;
$color-4: #9b4b64;
$color-5: #7d294a;

TAILWIND

colors: {
  'brand-1': '#ffe4c9',
  'brand-2': '#e1bea8',
  'brand-3': '#c16767',
  'brand-4': '#9b4b64',
  'brand-5': '#7d294a',
}

RGB Array

[255, 228, 201], [225, 190, 168], [193, 103, 103], [155, 75, 100], [125, 41, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE4C9, #E1BEA8, #C16767, #9B4B64, #7D294A is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffe4c9; --color-2: #e1bea8; --color-3: #c16767; --color-4: #9b4b64; --color-5: #7d294a. 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 tech, SaaS, healthcare, eco industries. 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