← Back to Editor

#9B0D23 · #FC4652 · #EBA18B · #E2C0A8 · #D9DEC4

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

#9B0D23

Vermilion · FireBrick · Wine Red

HEX
#9B0D23
RGB
rgb(155, 13, 35)
HSL
hsl(351, 85%, 33%)
HSB
hsb(351, 92%, 61%)
CMYK
cmyk(0%, 92%, 77%, 39%)
Oklch
oklch(44.1% 0.170 22.1)

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

#FC4652

Peach Pink · Tomato · Coral Red

HEX
#FC4652
RGB
rgb(252, 70, 82)
HSL
hsl(356, 97%, 63%)
HSB
hsb(356, 72%, 99%)
CMYK
cmyk(0%, 72%, 67%, 1%)
Oklch
oklch(66.2% 0.217 22.1)

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

#EBA18B

Peach Pink · DarkSalmon · Coral Red

HEX
#EBA18B
RGB
rgb(235, 161, 139)
HSL
hsl(14, 71%, 73%)
HSB
hsb(14, 41%, 92%)
CMYK
cmyk(0%, 31%, 41%, 8%)
Oklch
oklch(77.6% 0.094 37.3)

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

#E2C0A8

Apricot · BurlyWood · Peach Orange

HEX
#E2C0A8
RGB
rgb(226, 192, 168)
HSL
hsl(25, 50%, 77%)
HSB
hsb(25, 26%, 89%)
CMYK
cmyk(0%, 15%, 26%, 11%)
Oklch
oklch(83.1% 0.051 57.2)

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

#D9DEC4

Willow Green · LightGray · Mint Green

HEX
#D9DEC4
RGB
rgb(217, 222, 196)
HSL
hsl(72, 28%, 82%)
HSB
hsb(72, 12%, 87%)
CMYK
cmyk(2%, 0%, 12%, 13%)
Oklch
oklch(89.0% 0.035 116.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9B0D23
0D9C86

Analogous

9C0D6A
9B0D23
9C3F0D

Triadic

9B0D23
229C0D
0D229C

Split-Comp.

9B0D23
0D9C3F
0D6A9C

Tetradic

9B0D23
6A9C0D
0D9C86
3F0D9C

Contrast Matrix WCAG 2.1 Contrast

9B0D23
FC4652
EBA18B
E2C0A8
D9DEC4
—
2.5
Fail
4.0
AA Large
5.0
AA
6.1
AA
2.5
Fail
—
1.6
Fail
2.0
Fail
2.5
Fail
4.0
AA Large
1.6
Fail
—
1.2
Fail
1.5
Fail
5.0
AA
2.0
Fail
1.2
Fail
—
1.2
Fail
6.1
AA
2.5
Fail
1.5
Fail
1.2
Fail
—
White BG
8.5AAA
3.4AA Large
2.1Fail
1.7Fail
1.4Fail
Black BG
2.5Fail
6.1AA
10.0AAA
12.3AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5C1E
ADAC4F
CBCA90
D3D3AE
DBDBCA

Deuteranopia

66701C
B8C54E
CFD592
D5D8AF
DBDACC

Tritanopia

941919
F34D4C
E79595
E0B2B3
D9CFD0

Achromatopsia

3A3A3A
7E7E7E
B5B5B5
C7C7C7
DADADA

Shades & Tints Shades & Tints

#9B0D23

Dark
Light

#FC4652

Dark
Light

#EBA18B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9b0d23;
  --color-2: #fc4652;
  --color-3: #eba18b;
  --color-4: #e2c0a8;
  --color-5: #d9dec4;
}

SCSS

$color-1: #9b0d23;
$color-2: #fc4652;
$color-3: #eba18b;
$color-4: #e2c0a8;
$color-5: #d9dec4;

TAILWIND

colors: {
  'brand-1': '#9b0d23',
  'brand-2': '#fc4652',
  'brand-3': '#eba18b',
  'brand-4': '#e2c0a8',
  'brand-5': '#d9dec4',
}

RGB Array

[155, 13, 35], [252, 70, 82], [235, 161, 139], [226, 192, 168], [217, 222, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9B0D23, #FC4652, #EBA18B, #E2C0A8, #D9DEC4 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #9b0d23; --color-2: #fc4652; --color-3: #eba18b; --color-4: #e2c0a8; --color-5: #d9dec4. 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. 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