← Back to Editor

#E19887 · #F5435D · #5F463F · #705E5E · #CBD4C3

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

#E19887

Peach Pink · DarkSalmon · Coral Red

HEX
#E19887
RGB
rgb(225, 152, 135)
HSL
hsl(11, 60%, 71%)
HSB
hsb(11, 40%, 88%)
CMYK
cmyk(0%, 32%, 40%, 12%)
Oklch
oklch(74.8% 0.092 33.7)

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

#F5435D

Peach Pink · Tomato · Coral Red

HEX
#F5435D
RGB
rgb(245, 67, 93)
HSL
hsl(351, 90%, 61%)
HSB
hsb(351, 73%, 96%)
CMYK
cmyk(0%, 73%, 62%, 4%)
Oklch
oklch(65.0% 0.213 17.5)

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

#5F463F

Crimson · DarkOliveGreen · Wine Red

HEX
#5F463F
RGB
rgb(95, 70, 63)
HSL
hsl(13, 20%, 31%)
HSB
hsb(13, 34%, 37%)
CMYK
cmyk(0%, 26%, 34%, 63%)
Oklch
oklch(41.9% 0.037 36.2)

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

#705E5E

Crimson · DimGray · Charcoal

HEX
#705E5E
RGB
rgb(112, 94, 94)
HSL
hsl(0, 9%, 40%)
HSB
hsb(0, 16%, 44%)
CMYK
cmyk(0%, 16%, 16%, 56%)
Oklch
oklch(50.0% 0.023 18.0)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#CBD4C3

Celadon · LightGray · Apple Green

HEX
#CBD4C3
RGB
rgb(203, 212, 195)
HSL
hsl(92, 17%, 80%)
HSB
hsb(92, 8%, 83%)
CMYK
cmyk(4%, 0%, 8%, 17%)
Oklch
oklch(85.8% 0.025 129.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E19887
89D1E1

Analogous

E189A5
E19887
E1C589

Triadic

E19887
89E199
9989E1

Split-Comp.

E19887
89E1C5
89A5E1

Tetradic

E19887
A5E189
89D1E1
C589E1

Contrast Matrix WCAG 2.1 Contrast

E19887
F5435D
5F463F
705E5E
CBD4C3
—
1.5
Fail
3.7
AA Large
2.6
Fail
1.5
Fail
1.5
Fail
—
2.4
Fail
1.7
Fail
2.4
Fail
3.7
AA Large
2.4
Fail
—
1.4
Fail
5.6
AA
2.6
Fail
1.7
Fail
1.4
Fail
—
4.0
AA Large
1.5
Fail
2.4
Fail
5.6
AA
4.0
AA Large
—
White BG
2.3Fail
3.6AA Large
8.6AAA
6.1AA
1.5Fail
Black BG
9.0AAA
5.8AA
2.4Fail
3.5AA Large
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C18B
A8A657
545441
68685E
CFCFC7

Deuteranopia

C6CB8C
B2C055
565841
696B5E
CECEC8

Tritanopia

DD8E8F
EC5251
5E4242
6F5E5E
CBCACB

Achromatopsia

ACACAC
7B7B7B
4D4D4D
636363
CFCFCF

Shades & Tints Shades & Tints

#E19887

Dark
Light

#F5435D

Dark
Light

#5F463F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e19887;
  --color-2: #f5435d;
  --color-3: #5f463f;
  --color-4: #705e5e;
  --color-5: #cbd4c3;
}

SCSS

$color-1: #e19887;
$color-2: #f5435d;
$color-3: #5f463f;
$color-4: #705e5e;
$color-5: #cbd4c3;

TAILWIND

colors: {
  'brand-1': '#e19887',
  'brand-2': '#f5435d',
  'brand-3': '#5f463f',
  'brand-4': '#705e5e',
  'brand-5': '#cbd4c3',
}

RGB Array

[225, 152, 135], [245, 67, 93], [95, 70, 63], [112, 94, 94], [203, 212, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E19887, #F5435D, #5F463F, #705E5E, #CBD4C3 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: #e19887; --color-2: #f5435d; --color-3: #5f463f; --color-4: #705e5e; --color-5: #cbd4c3. 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