← Back to Editor

#EF9E9A · #2D2926 · #D54451 · #3E807C · #CDBCAC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EF9E9A

Peach Pink · DarkSalmon · Coral Red

HEX
#EF9E9A
RGB
rgb(239, 158, 154)
HSL
hsl(3, 73%, 77%)
HSB
hsb(3, 36%, 94%)
CMYK
cmyk(0%, 34%, 36%, 6%)
Oklch
oklch(77.8% 0.098 22.6)

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

#2D2926

Tangerine · DarkSlateGray · Dark Stone

HEX
#2D2926
RGB
rgb(45, 41, 38)
HSL
hsl(26, 8%, 16%)
HSB
hsb(26, 16%, 18%)
CMYK
cmyk(0%, 9%, 16%, 82%)
Oklch
oklch(28.4% 0.008 59.3)

Traditional「Tangerine」· Paint「Dark Stone」· Creative Midnight Shadow

#D54451

Vermilion · Crimson · Passion Red

HEX
#D54451
RGB
rgb(213, 68, 81)
HSL
hsl(355, 63%, 55%)
HSB
hsb(355, 68%, 84%)
CMYK
cmyk(0%, 68%, 62%, 16%)
Oklch
oklch(59.6% 0.181 19.6)

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

#3E807C

Mineral Blue · SeaGreen · Mint Ice

HEX
#3E807C
RGB
rgb(62, 128, 124)
HSL
hsl(176, 35%, 37%)
HSB
hsb(176, 52%, 50%)
CMYK
cmyk(52%, 0%, 3%, 50%)
Oklch
oklch(55.6% 0.068 190.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#CDBCAC

Apricot · Silver · Warm Sun

HEX
#CDBCAC
RGB
rgb(205, 188, 172)
HSL
hsl(29, 25%, 74%)
HSB
hsb(29, 16%, 80%)
CMYK
cmyk(0%, 8%, 16%, 20%)
Oklch
oklch(80.5% 0.029 65.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF9E9A
9AEBEF

Analogous

EF9AC0
EF9E9A
EFC99A

Triadic

EF9E9A
9AEF9E
9E9AEF

Split-Comp.

EF9E9A
9AEFC9
9AC0EF

Tetradic

EF9E9A
C0EF9A
9AEBEF
C99AEF

Contrast Matrix WCAG 2.1 Contrast

EF9E9A
2D2926
D54451
3E807C
CDBCAC
—
6.9
AA
2.1
Fail
2.2
Fail
1.1
Fail
6.9
AA
—
3.3
AA Large
3.1
AA Large
7.8
AAA
2.1
Fail
3.3
AA Large
—
1.0
Fail
2.4
Fail
2.2
Fail
3.1
AA Large
1.0
Fail
—
2.5
Fail
1.1
Fail
7.8
AAA
2.4
Fail
2.5
Fail
—
White BG
2.1Fail
14.4AAA
4.4AA Large
4.6AA
1.8Fail
Black BG
10.0AAA
1.5Fail
4.8AA
4.6AA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB9B
2B2B27
96954E
5B5B7D
C6C5B0

Deuteranopia

D1D79B
2C2C27
9FAA4D
57527D
C7C8B1

Tritanopia

EB9C9C
2D2727
CE4B4B
417E7E
CCB3B4

Achromatopsia

B6B6B6
2A2A2A
717171
6C6C6C
BFBFBF

Shades & Tints Shades & Tints

#EF9E9A

Dark
Light

#2D2926

Dark
Light

#D54451

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef9e9a;
  --color-2: #2d2926;
  --color-3: #d54451;
  --color-4: #3e807c;
  --color-5: #cdbcac;
}

SCSS

$color-1: #ef9e9a;
$color-2: #2d2926;
$color-3: #d54451;
$color-4: #3e807c;
$color-5: #cdbcac;

TAILWIND

colors: {
  'brand-1': '#ef9e9a',
  'brand-2': '#2d2926',
  'brand-3': '#d54451',
  'brand-4': '#3e807c',
  'brand-5': '#cdbcac',
}

RGB Array

[239, 158, 154], [45, 41, 38], [213, 68, 81], [62, 128, 124], [205, 188, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EF9E9A, #2D2926, #D54451, #3E807C, #CDBCAC 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: #ef9e9a; --color-2: #2d2926; --color-3: #d54451; --color-4: #3e807c; --color-5: #cdbcac. 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