← Back to Editor

#EFCDB7 · #E19E90 · #825361 · #583441 · #2F1F2D

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

#EFCDB7

Apricot · Wheat · Peach Orange

HEX
#EFCDB7
RGB
rgb(239, 205, 183)
HSL
hsl(24, 64%, 83%)
HSB
hsb(24, 23%, 94%)
CMYK
cmyk(0%, 14%, 23%, 6%)
Oklch
oklch(87.1% 0.049 54.8)

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

#E19E90

Peach Pink · DarkSalmon · Coral Red

HEX
#E19E90
RGB
rgb(225, 158, 144)
HSL
hsl(10, 57%, 72%)
HSB
hsb(10, 36%, 88%)
CMYK
cmyk(0%, 30%, 36%, 12%)
Oklch
oklch(76.0% 0.083 32.2)

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

#825361

Dark Violet · DimGray · Camellia

HEX
#825361
RGB
rgb(130, 83, 97)
HSL
hsl(342, 22%, 42%)
HSB
hsb(342, 36%, 51%)
CMYK
cmyk(0%, 36%, 25%, 49%)
Oklch
oklch(49.9% 0.065 0.4)

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

#583441

Dark Violet · DarkSlateGray · Camellia

HEX
#583441
RGB
rgb(88, 52, 65)
HSL
hsl(338, 26%, 27%)
HSB
hsb(338, 41%, 35%)
CMYK
cmyk(0%, 41%, 26%, 65%)
Oklch
oklch(37.3% 0.055 356.9)

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

#2F1F2D

Rose Purple · DarkSlateGray · Dark Purple

HEX
#2F1F2D
RGB
rgb(47, 31, 45)
HSL
hsl(308, 21%, 15%)
HSB
hsb(308, 34%, 18%)
CMYK
cmyk(0%, 34%, 4%, 82%)
Oklch
oklch(26.5% 0.034 330.9)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFCDB7
B8D9EF

Analogous

EFB8BD
EFCDB7
EFEAB8

Triadic

EFCDB7
B8EFCE
CEB8EF

Split-Comp.

EFCDB7
B8EFEA
B8BDEF

Tetradic

EFCDB7
BDEFB8
B8D9EF
EAB8EF

Contrast Matrix WCAG 2.1 Contrast

EFCDB7
E19E90
825361
583441
2F1F2D
—
1.5
Fail
4.2
AA Large
7.1
AAA
10.4
AAA
1.5
Fail
—
2.8
Fail
4.8
AA
7.0
AAA
4.2
AA Large
2.8
Fail
—
1.7
Fail
2.5
Fail
7.1
AAA
4.8
AA
1.7
Fail
—
1.5
Fail
10.4
AAA
7.0
AAA
2.5
Fail
1.5
Fail
—
White BG
1.5Fail
2.2Fail
6.3AA
10.6AAA
15.5AAA
Black BG
14.1AAA
9.5AAA
3.4AA Large
2.0Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0BC
C4C393
6E6D5E
48483E
28282A

Deuteranopia

E2E5BE
C8CD94
70745D
4B4D3D
292A29

Tritanopia

EDC1C1
DE9697
805B5A
563B3B
2E2726

Achromatopsia

D5D5D5
B0B0B0
636363
404040
252525

Shades & Tints Shades & Tints

#EFCDB7

Dark
Light

#E19E90

Dark
Light

#825361

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efcdb7;
  --color-2: #e19e90;
  --color-3: #825361;
  --color-4: #583441;
  --color-5: #2f1f2d;
}

SCSS

$color-1: #efcdb7;
$color-2: #e19e90;
$color-3: #825361;
$color-4: #583441;
$color-5: #2f1f2d;

TAILWIND

colors: {
  'brand-1': '#efcdb7',
  'brand-2': '#e19e90',
  'brand-3': '#825361',
  'brand-4': '#583441',
  'brand-5': '#2f1f2d',
}

RGB Array

[239, 205, 183], [225, 158, 144], [130, 83, 97], [88, 52, 65], [47, 31, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFCDB7, #E19E90, #825361, #583441, #2F1F2D 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: #efcdb7; --color-2: #e19e90; --color-3: #825361; --color-4: #583441; --color-5: #2f1f2d. 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