← Back to Editor

#FEA3CA · #E3919C · #C27860 · #AD403F · #3D1819

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

#FEA3CA

Rouge · LightPink · Cherry Blossom

HEX
#FEA3CA
RGB
rgb(254, 163, 202)
HSL
hsl(334, 98%, 82%)
HSB
hsb(334, 36%, 100%)
CMYK
cmyk(0%, 36%, 20%, 0%)
Oklch
oklch(81.7% 0.117 352.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E3919C

Peach Pink · DarkSalmon · Coral Red

HEX
#E3919C
RGB
rgb(227, 145, 156)
HSL
hsl(352, 59%, 73%)
HSB
hsb(352, 36%, 89%)
CMYK
cmyk(0%, 36%, 31%, 11%)
Oklch
oklch(74.3% 0.100 11.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C27860

Tangerine · DarkSalmon · Warm Sun

HEX
#C27860
RGB
rgb(194, 120, 96)
HSL
hsl(15, 45%, 57%)
HSB
hsb(15, 51%, 76%)
CMYK
cmyk(0%, 38%, 51%, 24%)
Oklch
oklch(64.6% 0.100 38.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#AD403F

Crimson · Sienna · Passion Red

HEX
#AD403F
RGB
rgb(173, 64, 63)
HSL
hsl(1, 47%, 46%)
HSB
hsb(1, 64%, 68%)
CMYK
cmyk(0%, 63%, 64%, 32%)
Oklch
oklch(52.3% 0.143 24.0)

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

#3D1819

Crimson · Black · Deep Berry

HEX
#3D1819
RGB
rgb(61, 24, 25)
HSL
hsl(358, 44%, 17%)
HSB
hsb(358, 61%, 24%)
CMYK
cmyk(0%, 61%, 59%, 76%)
Oklch
oklch(26.5% 0.058 20.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEA3CA
A4FED7

Analogous

FEA4F8
FEA3CA
FEAAA4

Triadic

FEA3CA
CBFEA4
A4CBFE

Split-Comp.

FEA3CA
A4FEAA
A4F8FE

Tetradic

FEA3CA
F8FEA4
A4FED7
AAA4FE

Contrast Matrix WCAG 2.1 Contrast

FEA3CA
E3919C
C27860
AD403F
3D1819
—
1.3
Fail
1.8
Fail
3.2
AA Large
8.4
AAA
1.3
Fail
—
1.4
Fail
2.5
Fail
6.5
AA
1.8
Fail
1.4
Fail
—
1.7
Fail
4.6
AA
3.2
AA Large
2.5
Fail
1.7
Fail
—
2.7
Fail
8.4
AAA
6.5
AA
4.6
AA
2.7
Fail
—
White BG
1.9Fail
2.4Fail
3.4AA Large
5.9AA
15.6AAA
Black BG
11.3AAA
8.8AAA
6.1AA
3.6AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D6C1
BFBF99
A2A166
7E7D3F
2D2D19

Deuteranopia

DCE3BE
C4CA99
A6AC67
848C3F
2F3219

Tritanopia

F9B9B7
DF9797
BE6A6B
A83F3F
3B1919

Achromatopsia

C3C3C3
ABABAB
8B8B8B
606060
232323

Shades & Tints Shades & Tints

#FEA3CA

Dark
Light

#E3919C

Dark
Light

#C27860

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fea3ca;
  --color-2: #e3919c;
  --color-3: #c27860;
  --color-4: #ad403f;
  --color-5: #3d1819;
}

SCSS

$color-1: #fea3ca;
$color-2: #e3919c;
$color-3: #c27860;
$color-4: #ad403f;
$color-5: #3d1819;

TAILWIND

colors: {
  'brand-1': '#fea3ca',
  'brand-2': '#e3919c',
  'brand-3': '#c27860',
  'brand-4': '#ad403f',
  'brand-5': '#3d1819',
}

RGB Array

[254, 163, 202], [227, 145, 156], [194, 120, 96], [173, 64, 63], [61, 24, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEA3CA, #E3919C, #C27860, #AD403F, #3D1819 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: #fea3ca; --color-2: #e3919c; --color-3: #c27860; --color-4: #ad403f; --color-5: #3d1819. 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