← Back to Editor

#DB8D8B · #E3A8AE · #EBEFF8 · #D7DEE6 · #76846B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#DB8D8B

Peach Pink · DarkSalmon · Coral Red

HEX
#DB8D8B
RGB
rgb(219, 141, 139)
HSL
hsl(2, 53%, 70%)
HSB
hsb(2, 37%, 86%)
CMYK
cmyk(0%, 36%, 37%, 14%)
Oklch
oklch(72.2% 0.096 21.3)

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

#E3A8AE

Peach Pink · LightPink · Coral Red

HEX
#E3A8AE
RGB
rgb(227, 168, 174)
HSL
hsl(354, 51%, 77%)
HSB
hsb(354, 26%, 89%)
CMYK
cmyk(0%, 26%, 23%, 11%)
Oklch
oklch(78.8% 0.070 12.0)

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

#EBEFF8

Azure · Lavender · Sky Blue

HEX
#EBEFF8
RGB
rgb(235, 239, 248)
HSL
hsl(222, 48%, 95%)
HSB
hsb(222, 5%, 97%)
CMYK
cmyk(5%, 4%, 0%, 3%)
Oklch
oklch(95.2% 0.013 266.7)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#D7DEE6

Azure · LightGray · Sky Blue

HEX
#D7DEE6
RGB
rgb(215, 222, 230)
HSL
hsl(212, 23%, 87%)
HSB
hsb(212, 7%, 90%)
CMYK
cmyk(7%, 3%, 0%, 10%)
Oklch
oklch(89.8% 0.013 251.6)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#76846B

Celadon · Gray · Olive Green

HEX
#76846B
RGB
rgb(118, 132, 107)
HSL
hsl(94, 10%, 47%)
HSB
hsb(94, 19%, 52%)
CMYK
cmyk(11%, 0%, 19%, 48%)
Oklch
oklch(59.5% 0.040 131.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB8D8B
8AD8DB

Analogous

DB8AB0
DB8D8B
DBB58A

Triadic

DB8D8B
8ADB8D
8D8ADB

Split-Comp.

DB8D8B
8ADBB5
8AB0DB

Tetradic

DB8D8B
B0DB8A
8AD8DB
B58ADB

Contrast Matrix WCAG 2.1 Contrast

DB8D8B
E3A8AE
EBEFF8
D7DEE6
76846B
—
1.3
Fail
2.2
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.7
Fail
1.5
Fail
2.0
Fail
2.2
Fail
1.7
Fail
—
1.2
Fail
3.5
AA Large
1.9
Fail
1.5
Fail
1.2
Fail
—
2.9
Fail
1.6
Fail
2.0
Fail
3.5
AA Large
2.9
Fail
—
White BG
2.6Fail
2.0Fail
1.2Fail
1.4Fail
4.0AA Large
Black BG
8.2AAA
10.5AAA
18.2AAA
15.5AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B98B
C9C9AD
EDEDF6
DADAE4
7C7C71

Deuteranopia

BEC48C
CDD1AC
EDECF5
DAD9E4
7B7A73

Tritanopia

D78C8C
E0ABAB
EBF4F4
D7E3E2
777677

Achromatopsia

A4A4A4
BABABA
EFEFEF
DDDDDD
7D7D7D

Shades & Tints Shades & Tints

#DB8D8B

Dark
Light

#E3A8AE

Dark
Light

#EBEFF8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db8d8b;
  --color-2: #e3a8ae;
  --color-3: #ebeff8;
  --color-4: #d7dee6;
  --color-5: #76846b;
}

SCSS

$color-1: #db8d8b;
$color-2: #e3a8ae;
$color-3: #ebeff8;
$color-4: #d7dee6;
$color-5: #76846b;

TAILWIND

colors: {
  'brand-1': '#db8d8b',
  'brand-2': '#e3a8ae',
  'brand-3': '#ebeff8',
  'brand-4': '#d7dee6',
  'brand-5': '#76846b',
}

RGB Array

[219, 141, 139], [227, 168, 174], [235, 239, 248], [215, 222, 230], [118, 132, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DB8D8B, #E3A8AE, #EBEFF8, #D7DEE6, #76846B is ideal for: health products, baby brands, fresh-style blogs, 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: #db8d8b; --color-2: #e3a8ae; --color-3: #ebeff8; --color-4: #d7dee6; --color-5: #76846b. 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. 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