#D19090 + #D19E90 + #D1A990 + #E6CBAC + #92A5AD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D19090

Peach Pink · DarkSalmon · Coral Red

HEX

#D19090

RGB

rgb(209, 144, 144)

HSL

hsl(0, 41%, 69%)

HSB

hsb(0, 31%, 82%)

CMYK

cmyk(0%, 31%, 31%, 18%)

Oklch

oklch(71.8% 0.079 19.2)

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

#D19E90

Peach Pink · Tan · Coral Red

HEX

#D19E90

RGB

rgb(209, 158, 144)

HSL

hsl(13, 41%, 69%)

HSB

hsb(13, 31%, 82%)

CMYK

cmyk(0%, 24%, 31%, 18%)

Oklch

oklch(74.3% 0.065 35.9)

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

#D1A990

Apricot · Tan · Warm Sun

HEX

#D1A990

RGB

rgb(209, 169, 144)

HSL

hsl(23, 41%, 69%)

HSB

hsb(23, 31%, 82%)

CMYK

cmyk(0%, 19%, 31%, 18%)

Oklch

oklch(76.4% 0.058 53.6)

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

#E6CBAC

Goose Yellow · Wheat · Peach Orange

HEX

#E6CBAC

RGB

rgb(230, 203, 172)

HSL

hsl(32, 54%, 79%)

HSB

hsb(32, 25%, 90%)

CMYK

cmyk(0%, 12%, 25%, 10%)

Oklch

oklch(85.7% 0.051 70.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#92A5AD

Sky Blue · DarkGray · Lake Green

HEX

#92A5AD

RGB

rgb(146, 165, 173)

HSL

hsl(198, 14%, 63%)

HSB

hsb(198, 16%, 68%)

CMYK

cmyk(16%, 5%, 0%, 32%)

Oklch

oklch(71.0% 0.024 225.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D19090

90D0D0

Analogous

D090B0

D19090

D0B090

Triadic

D19090

90D090

9090D0

Split-Comp.

D19090

90D0B0

90B0D0

Tetradic

D19090

B0D090

90D0D0

B090D0

Contrast Matrix WCAG 2.1 Contrast

D19090	D19E90	D1A990	E6CBAC	92A5AD
—	1.1 Fail	1.2 Fail	1.7 Fail	1.0 Fail
1.1 Fail	—	1.1 Fail	1.5 Fail	1.1 Fail
1.2 Fail	1.1 Fail	—	1.4 Fail	1.2 Fail
1.7 Fail	1.5 Fail	1.4 Fail	—	1.6 Fail
1.0 Fail	1.1 Fail	1.2 Fail	1.6 Fail	—

White BG

2.6Fail

2.3Fail

2.1Fail

1.6Fail

2.6Fail

Black BG

8.1AAA

9.0AAA

9.8AAA

13.5AAA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B490

BBBA93

C0BF96

DADAB4

9A9AAB

Deuteranopia

B9BD90

BEC294

C2C598

DCDEB5

9998AB

Tritanopia

CE9090

CE9697

CF9B9C

E5B9BB

93AAA9

Achromatopsia

A3A3A3

ACACAC

B2B2B2

D0D0D0

A0A0A0

Shades & Tints Shades & Tints

#D19090

Dark

Light

#D19E90

Dark

Light

#D1A990

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d19090;
  --color-2: #d19e90;
  --color-3: #d1a990;
  --color-4: #e6cbac;
  --color-5: #92a5ad;
}

SCSS

$color-1: #d19090;
$color-2: #d19e90;
$color-3: #d1a990;
$color-4: #e6cbac;
$color-5: #92a5ad;

TAILWIND

colors: {
  'brand-1': '#d19090',
  'brand-2': '#d19e90',
  'brand-3': '#d1a990',
  'brand-4': '#e6cbac',
  'brand-5': '#92a5ad',
}

RGB Array

[209, 144, 144], [209, 158, 144], [209, 169, 144], [230, 203, 172], [146, 165, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D19090, #D19E90, #D1A990, #E6CBAC, #92A5AD 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: #d19090; --color-2: #d19e90; --color-3: #d1a990; --color-4: #e6cbac; --color-5: #92a5ad. 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