#809395 + #A39492 + #E0938E + #F0A992 + #DBD099 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#809395

Slate Blue · LightSlateGray · Warm Gray

HEX

#809395

RGB

rgb(128, 147, 149)

HSL

hsl(186, 9%, 54%)

HSB

hsb(186, 14%, 58%)

CMYK

cmyk(14%, 1%, 0%, 42%)

Oklch

oklch(64.9% 0.022 204.4)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#A39492

Peach Pink · DarkGray · Silver Sand

HEX

#A39492

RGB

rgb(163, 148, 146)

HSL

hsl(7, 8%, 61%)

HSB

hsb(7, 10%, 64%)

CMYK

cmyk(0%, 9%, 10%, 36%)

Oklch

oklch(67.9% 0.018 26.7)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#E0938E

Peach Pink · DarkSalmon · Coral Red

HEX

#E0938E

RGB

rgb(224, 147, 142)

HSL

hsl(4, 57%, 72%)

HSB

hsb(4, 37%, 88%)

CMYK

cmyk(0%, 34%, 37%, 12%)

Oklch

oklch(73.9% 0.094 23.7)

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

#F0A992

Apricot · BurlyWood · Peach Orange

HEX

#F0A992

RGB

rgb(240, 169, 146)

HSL

hsl(15, 76%, 76%)

HSB

hsb(15, 39%, 94%)

CMYK

cmyk(0%, 30%, 39%, 6%)

Oklch

oklch(79.7% 0.090 38.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DBD099

Fresh Green · BurlyWood · Sunflower

HEX

#DBD099

RGB

rgb(219, 208, 153)

HSL

hsl(50, 48%, 73%)

HSB

hsb(50, 30%, 86%)

CMYK

cmyk(0%, 5%, 30%, 14%)

Oklch

oklch(85.3% 0.073 98.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

809395

94817F

Analogous

7F948C

809395

7F8894

Triadic

809395

947F92

92947F

Split-Comp.

809395

947F88

948C7F

Tetradic

809395

8C7F94

94817F

88947F

Contrast Matrix WCAG 2.1 Contrast

809395	A39492	E0938E	F0A992	DBD099
—	1.1 Fail	1.3 Fail	1.7 Fail	2.1 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	1.9 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.7 Fail	1.5 Fail	1.2 Fail	—	1.3 Fail
2.1 Fail	1.9 Fail	1.5 Fail	1.3 Fail	—

White BG

3.2AA Large

2.9Fail

2.4Fail

1.9Fail

1.6Fail

Black BG

6.5AA

7.2AAA

8.7AAA

10.8AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888895

9D9C92

BFBE8F

D1D198

D6D6A6

Deuteranopia

878694

9D9F93

C3C990

D5DB99

D7D8AA

Tritanopia

819494

A29393

DC9090

EC9C9D

DAB1B3

Achromatopsia

8E8E8E

989898

A9A9A9

BCBCBC

CDCDCD

Shades & Tints Shades & Tints

#809395

Dark

Light

#A39492

Dark

Light

#E0938E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #809395;
  --color-2: #a39492;
  --color-3: #e0938e;
  --color-4: #f0a992;
  --color-5: #dbd099;
}

SCSS

$color-1: #809395;
$color-2: #a39492;
$color-3: #e0938e;
$color-4: #f0a992;
$color-5: #dbd099;

TAILWIND

colors: {
  'brand-1': '#809395',
  'brand-2': '#a39492',
  'brand-3': '#e0938e',
  'brand-4': '#f0a992',
  'brand-5': '#dbd099',
}

RGB Array

[128, 147, 149], [163, 148, 146], [224, 147, 142], [240, 169, 146], [219, 208, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #809395, #A39492, #E0938E, #F0A992, #DBD099 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: #809395; --color-2: #a39492; --color-3: #e0938e; --color-4: #f0a992; --color-5: #dbd099. 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