← Back to Editor

#E9B295 · #CB8A95 · #C1586D · #99446D · #67266D

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

#E9B295

Apricot · BurlyWood · Warm Sun

HEX
#E9B295
RGB
rgb(233, 178, 149)
HSL
hsl(21, 66%, 75%)
HSB
hsb(21, 36%, 91%)
CMYK
cmyk(0%, 24%, 36%, 9%)
Oklch
oklch(80.7% 0.076 49.0)

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

#CB8A95

Peach Pink · DarkSalmon · Coral Red

HEX
#CB8A95
RGB
rgb(203, 138, 149)
HSL
hsl(350, 38%, 67%)
HSB
hsb(350, 32%, 80%)
CMYK
cmyk(0%, 32%, 27%, 20%)
Oklch
oklch(70.1% 0.081 8.2)

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

#C1586D

Crimson · LightCoral · Passion Red

HEX
#C1586D
RGB
rgb(193, 88, 109)
HSL
hsl(348, 46%, 55%)
HSB
hsb(348, 54%, 76%)
CMYK
cmyk(0%, 54%, 44%, 24%)
Oklch
oklch(59.6% 0.136 9.6)

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

#99446D

Dark Violet · DimGray · Camellia

HEX
#99446D
RGB
rgb(153, 68, 109)
HSL
hsl(331, 38%, 43%)
HSB
hsb(331, 56%, 60%)
CMYK
cmyk(0%, 56%, 29%, 40%)
Oklch
oklch(50.9% 0.123 352.2)

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

#67266D

Dark Plum · DarkSlateBlue · Eggplant

HEX
#67266D
RGB
rgb(103, 38, 109)
HSL
hsl(295, 48%, 29%)
HSB
hsb(295, 65%, 43%)
CMYK
cmyk(6%, 65%, 0%, 57%)
Oklch
oklch(39.4% 0.132 324.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9B295
95CCE9

Analogous

E995A2
E9B295
E9DD95

Triadic

E9B295
95E9B3
B395E9

Split-Comp.

E9B295
95E9DD
95A2E9

Tetradic

E9B295
A2E995
95CCE9
DD95E9

Contrast Matrix WCAG 2.1 Contrast

E9B295
CB8A95
C1586D
99446D
67266D
—
1.5
Fail
2.3
Fail
3.3
AA Large
5.4
AA
1.5
Fail
—
1.6
Fail
2.2
Fail
3.7
AA Large
2.3
Fail
1.6
Fail
—
1.4
Fail
2.4
Fail
3.3
AA Large
2.2
Fail
1.4
Fail
—
1.6
Fail
5.4
AA
3.7
AA Large
2.4
Fail
1.6
Fail
—
White BG
1.9Fail
2.8Fail
4.3AA Large
6.2AA
10.1AAA
Black BG
11.3AAA
7.6AAA
4.9AA
3.4AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D19C
AFAE92
949368
747363
4B4A5C

Deuteranopia

D4D99E
B3B892
9AA267
798061
4F5458

Tritanopia

E6A2A3
C89090
BC6463
955B5A
644E4B

Achromatopsia

BFBFBF
9F9F9F
7A7A7A
626262
424242

Shades & Tints Shades & Tints

#E9B295

Dark
Light

#CB8A95

Dark
Light

#C1586D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9b295;
  --color-2: #cb8a95;
  --color-3: #c1586d;
  --color-4: #99446d;
  --color-5: #67266d;
}

SCSS

$color-1: #e9b295;
$color-2: #cb8a95;
$color-3: #c1586d;
$color-4: #99446d;
$color-5: #67266d;

TAILWIND

colors: {
  'brand-1': '#e9b295',
  'brand-2': '#cb8a95',
  'brand-3': '#c1586d',
  'brand-4': '#99446d',
  'brand-5': '#67266d',
}

RGB Array

[233, 178, 149], [203, 138, 149], [193, 88, 109], [153, 68, 109], [103, 38, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9B295, #CB8A95, #C1586D, #99446D, #67266D 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: #e9b295; --color-2: #cb8a95; --color-3: #c1586d; --color-4: #99446d; --color-5: #67266d. 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