#9ADBD0 + #AEBDB8 + #C4A0A0 + #DB8087 + #F0606C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9ADBD0

Jade · LightBlue · Lake Green

HEX

#9ADBD0

RGB

rgb(154, 219, 208)

HSL

hsl(170, 47%, 73%)

HSB

hsb(170, 30%, 86%)

CMYK

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

Oklch

oklch(84.5% 0.068 183.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#AEBDB8

Jade · Silver · Lake Green

HEX

#AEBDB8

RGB

rgb(174, 189, 184)

HSL

hsl(160, 10%, 71%)

HSB

hsb(160, 8%, 74%)

CMYK

cmyk(8%, 0%, 3%, 26%)

Oklch

oklch(78.5% 0.018 173.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C4A0A0

Peach Pink · DarkGray · Coral Red

HEX

#C4A0A0

RGB

rgb(196, 160, 160)

HSL

hsl(0, 23%, 70%)

HSB

hsb(0, 18%, 77%)

CMYK

cmyk(0%, 18%, 18%, 23%)

Oklch

oklch(73.8% 0.043 18.2)

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

#DB8087

Peach Pink · LightCoral · Coral Red

HEX

#DB8087

RGB

rgb(219, 128, 135)

HSL

hsl(355, 56%, 68%)

HSB

hsb(355, 42%, 86%)

CMYK

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

Oklch

oklch(70.0% 0.113 15.5)

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

#F0606C

Peach Pink · Salmon · Coral Red

HEX

#F0606C

RGB

rgb(240, 96, 108)

HSL

hsl(355, 83%, 66%)

HSB

hsb(355, 60%, 94%)

CMYK

cmyk(0%, 60%, 55%, 6%)

Oklch

oklch(67.6% 0.177 18.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9ADBD0

DB9AA5

Analogous

9ADBAF

9ADBD0

9AC5DB

Triadic

9ADBD0

D09ADB

DBD09A

Split-Comp.

9ADBD0

DB9AC5

DBAF9A

Tetradic

9ADBD0

AF9ADB

DB9AA5

C5DB9A

Contrast Matrix WCAG 2.1 Contrast

9ADBD0	AEBDB8	C4A0A0	DB8087	F0606C
—	1.2 Fail	1.5 Fail	1.8 Fail	2.0 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.8 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
2.0 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

1.6Fail

1.9Fail

2.4Fail

2.8Fail

3.2AA Large

Black BG

13.4AAA

10.8AAA

8.9AAA

7.4AAA

6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B7D3

B4B5B9

B4B4A0

B4B385

B2B069

Deuteranopia

B2AED3

B4B3B9

B7B9A0

B9C085

BAC568

Tritanopia

9DD5D5

AFBABA

C2A0A0

D68484

E96766

Achromatopsia

C6C6C6

B8B8B8

ABABAB

9C9C9C

8C8C8C

Shades & Tints Shades & Tints

#9ADBD0

Dark

Light

#AEBDB8

Dark

Light

#C4A0A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9adbd0;
  --color-2: #aebdb8;
  --color-3: #c4a0a0;
  --color-4: #db8087;
  --color-5: #f0606c;
}

SCSS

$color-1: #9adbd0;
$color-2: #aebdb8;
$color-3: #c4a0a0;
$color-4: #db8087;
$color-5: #f0606c;

TAILWIND

colors: {
  'brand-1': '#9adbd0',
  'brand-2': '#aebdb8',
  'brand-3': '#c4a0a0',
  'brand-4': '#db8087',
  'brand-5': '#f0606c',
}

RGB Array

[154, 219, 208], [174, 189, 184], [196, 160, 160], [219, 128, 135], [240, 96, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9ADBD0, #AEBDB8, #C4A0A0, #DB8087, #F0606C 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: #9adbd0; --color-2: #aebdb8; --color-3: #c4a0a0; --color-4: #db8087; --color-5: #f0606c. 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