← Back to Editor

#E9CBAF · #C5BEC5 · #EF969A · #D37681 · #1E070F

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

#E9CBAF

Apricot · Wheat · Peach Orange

HEX
#E9CBAF
RGB
rgb(233, 203, 175)
HSL
hsl(29, 57%, 80%)
HSB
hsb(29, 25%, 91%)
CMYK
cmyk(0%, 13%, 25%, 9%)
Oklch
oklch(86.0% 0.051 65.1)

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

#C5BEC5

Silver Gray · Silver · Pearl Gray

HEX
#C5BEC5
RGB
rgb(197, 190, 197)
HSL
hsl(300, 6%, 76%)
HSB
hsb(300, 4%, 77%)
CMYK
cmyk(0%, 4%, 0%, 23%)
Oklch
oklch(80.9% 0.012 325.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#EF969A

Peach Pink · DarkSalmon · Coral Red

HEX
#EF969A
RGB
rgb(239, 150, 154)
HSL
hsl(357, 74%, 76%)
HSB
hsb(357, 37%, 94%)
CMYK
cmyk(0%, 37%, 36%, 6%)
Oklch
oklch(76.5% 0.107 17.0)

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

#D37681

Peach Pink · LightCoral · Coral Red

HEX
#D37681
RGB
rgb(211, 118, 129)
HSL
hsl(353, 51%, 65%)
HSB
hsb(353, 44%, 83%)
CMYK
cmyk(0%, 44%, 39%, 17%)
Oklch
oklch(67.2% 0.117 13.2)

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

#1E070F

Dark Violet · Black · Raspberry

HEX
#1E070F
RGB
rgb(30, 7, 15)
HSL
hsl(339, 62%, 7%)
HSB
hsb(339, 77%, 12%)
CMYK
cmyk(0%, 77%, 50%, 88%)
Oklch
oklch(17.2% 0.042 0.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9CBAF
AFCDE9

Analogous

E9AFB0
E9CBAF
E9E8AF

Triadic

E9CBAF
AFE9CB
CBAFE9

Split-Comp.

E9CBAF
AFE9E8
AFB0E9

Tetradic

E9CBAF
B0E9AF
AFCDE9
E8AFE9

Contrast Matrix WCAG 2.1 Contrast

E9CBAF
C5BEC5
EF969A
D37681
1E070F
—
1.2
Fail
1.4
Fail
2.0
Fail
12.5
AAA
1.2
Fail
—
1.2
Fail
1.7
Fail
10.6
AAA
1.4
Fail
1.2
Fail
—
1.4
Fail
8.7
AAA
2.0
Fail
1.7
Fail
1.4
Fail
—
6.1
AA
12.5
AAA
10.6
AAA
8.7
AAA
6.1
AA
—
White BG
1.5Fail
1.8Fail
2.2Fail
3.1AA Large
19.2AAA
Black BG
13.6AAA
11.5AAA
9.5AAA
6.7AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCB6
C2C2C3
C8C899
ABAA7E
14140D

Deuteranopia

DEE0B7
C2C3C3
CED499
B0B77E
15170D

Tritanopia

E8BBBC
C5C2C2
EB9898
CE7C7C
1D0C0B

Achromatopsia

D1D1D1
C1C1C1
B1B1B1
939393
0F0F0F

Shades & Tints Shades & Tints

#E9CBAF

Dark
Light

#C5BEC5

Dark
Light

#EF969A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9cbaf;
  --color-2: #c5bec5;
  --color-3: #ef969a;
  --color-4: #d37681;
  --color-5: #1e070f;
}

SCSS

$color-1: #e9cbaf;
$color-2: #c5bec5;
$color-3: #ef969a;
$color-4: #d37681;
$color-5: #1e070f;

TAILWIND

colors: {
  'brand-1': '#e9cbaf',
  'brand-2': '#c5bec5',
  'brand-3': '#ef969a',
  'brand-4': '#d37681',
  'brand-5': '#1e070f',
}

RGB Array

[233, 203, 175], [197, 190, 197], [239, 150, 154], [211, 118, 129], [30, 7, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9CBAF, #C5BEC5, #EF969A, #D37681, #1E070F 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: #e9cbaf; --color-2: #c5bec5; --color-3: #ef969a; --color-4: #d37681; --color-5: #1e070f. 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