#DE8383 + #E39F9F + #EDB2B2 + #F0C5C5 + #C4B5B5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DE8383

Peach Pink · LightCoral · Coral Red

HEX

#DE8383

RGB

rgb(222, 131, 131)

HSL

hsl(0, 58%, 69%)

HSB

hsb(0, 41%, 87%)

CMYK

cmyk(0%, 41%, 41%, 13%)

Oklch

oklch(70.7% 0.112 20.3)

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

#E39F9F

Peach Pink · Tan · Coral Red

HEX

#E39F9F

RGB

rgb(227, 159, 159)

HSL

hsl(0, 55%, 76%)

HSB

hsb(0, 30%, 89%)

CMYK

cmyk(0%, 30%, 30%, 11%)

Oklch

oklch(76.8% 0.081 19.1)

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

#EDB2B2

Peach Pink · LightPink · Cherry Blossom

HEX

#EDB2B2

RGB

rgb(237, 178, 178)

HSL

hsl(0, 62%, 81%)

HSB

hsb(0, 25%, 93%)

CMYK

cmyk(0%, 25%, 25%, 7%)

Oklch

oklch(81.8% 0.069 18.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F0C5C5

Peach Pink · Pink · Cherry Blossom

HEX

#F0C5C5

RGB

rgb(240, 197, 197)

HSL

hsl(0, 59%, 86%)

HSB

hsb(0, 18%, 94%)

CMYK

cmyk(0%, 18%, 18%, 6%)

Oklch

oklch(86.1% 0.049 18.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C4B5B5

Peach Pink · Silver · Coral Red

HEX

#C4B5B5

RGB

rgb(196, 181, 181)

HSL

hsl(0, 11%, 74%)

HSB

hsb(0, 8%, 77%)

CMYK

cmyk(0%, 8%, 8%, 23%)

Oklch

oklch(78.6% 0.017 17.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE8383

82DEDE

Analogous

DE82B0

DE8383

DEB082

Triadic

DE8383

82DE82

8282DE

Split-Comp.

DE8383

82DEB0

82B0DE

Tetradic

DE8383

B0DE82

82DEDE

B082DE

Contrast Matrix WCAG 2.1 Contrast

DE8383	E39F9F	EDB2B2	F0C5C5	C4B5B5
—	1.3 Fail	1.5 Fail	1.8 Fail	1.4 Fail
1.3 Fail	—	1.2 Fail	1.4 Fail	1.1 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.1 Fail
1.8 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
1.4 Fail	1.1 Fail	1.1 Fail	1.3 Fail	—

White BG

2.7Fail

2.2Fail

1.8Fail

1.6Fail

2.0Fail

Black BG

7.7AAA

9.7AAA

11.6AAA

13.5AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B683

C6C59F

D3D3B2

DDDDC5

BEBDB5

Deuteranopia

BCC383

CACF9F

D7DBB2

E0E3C5

BEC0B5

Tritanopia

D98383

E09F9F

EAB2B2

EEC5C5

C3B5B5

Achromatopsia

9E9E9E

B3B3B3

C4C4C4

D2D2D2

B9B9B9

Shades & Tints Shades & Tints

#DE8383

Dark

Light

#E39F9F

Dark

Light

#EDB2B2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de8383;
  --color-2: #e39f9f;
  --color-3: #edb2b2;
  --color-4: #f0c5c5;
  --color-5: #c4b5b5;
}

SCSS

$color-1: #de8383;
$color-2: #e39f9f;
$color-3: #edb2b2;
$color-4: #f0c5c5;
$color-5: #c4b5b5;

TAILWIND

colors: {
  'brand-1': '#de8383',
  'brand-2': '#e39f9f',
  'brand-3': '#edb2b2',
  'brand-4': '#f0c5c5',
  'brand-5': '#c4b5b5',
}

RGB Array

[222, 131, 131], [227, 159, 159], [237, 178, 178], [240, 197, 197], [196, 181, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE8383, #E39F9F, #EDB2B2, #F0C5C5, #C4B5B5 is ideal for: health products, baby brands, fresh-style blogs. 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: #de8383; --color-2: #e39f9f; --color-3: #edb2b2; --color-4: #f0c5c5; --color-5: #c4b5b5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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