#A9D5DB + #D5D5D5 + #E4C6C6 + #EDA19B + #FAA7A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A9D5DB

Sky Blue · LightBlue · Glacier Blue

HEX

#A9D5DB

RGB

rgb(169, 213, 219)

HSL

hsl(187, 41%, 76%)

HSB

hsb(187, 23%, 86%)

CMYK

cmyk(23%, 3%, 0%, 14%)

Oklch

oklch(84.4% 0.047 206.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#D5D5D5

Silver Gray · LightGray · Pearl Gray

HEX

#D5D5D5

RGB

rgb(213, 213, 213)

HSL

hsl(0, 0%, 84%)

HSB

hsb(0, 0%, 84%)

CMYK

cmyk(0%, 0%, 0%, 16%)

Oklch

oklch(87.3% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#E4C6C6

Peach Pink · LightGray · Cherry Blossom

HEX

#E4C6C6

RGB

rgb(228, 198, 198)

HSL

hsl(0, 36%, 84%)

HSB

hsb(0, 13%, 89%)

CMYK

cmyk(0%, 13%, 13%, 11%)

Oklch

oklch(85.2% 0.034 17.8)

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

#EDA19B

Peach Pink · BurlyWood · Coral Red

HEX

#EDA19B

RGB

rgb(237, 161, 155)

HSL

hsl(4, 69%, 77%)

HSB

hsb(4, 35%, 93%)

CMYK

cmyk(0%, 32%, 35%, 7%)

Oklch

oklch(78.2% 0.092 24.4)

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

#FAA7A2

Peach Pink · LightPink · Cherry Blossom

HEX

#FAA7A2

RGB

rgb(250, 167, 162)

HSL

hsl(3, 90%, 81%)

HSB

hsb(3, 35%, 98%)

CMYK

cmyk(0%, 33%, 35%, 2%)

Oklch

oklch(80.8% 0.099 23.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9D5DB

DBAFA9

Analogous

A9DBC8

A9D5DB

A9BCDB

Triadic

A9D5DB

DBA9D5

D5DBA9

Split-Comp.

A9D5DB

DBA9BC

DBC8A9

Tetradic

A9D5DB

C8A9DB

DBAFA9

BCDBA9

Contrast Matrix WCAG 2.1 Contrast

A9D5DB	D5D5D5	E4C6C6	EDA19B	FAA7A2
—	1.1 Fail	1.0 Fail	1.3 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.3 Fail
1.0 Fail	1.1 Fail	—	1.3 Fail	1.2 Fail
1.3 Fail	1.4 Fail	1.3 Fail	—	1.1 Fail
1.2 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.6Fail

1.5Fail

1.6Fail

2.1Fail

1.9Fail

Black BG

13.2AAA

14.3AAA

13.2AAA

10.2AAA

11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCDA

D5D5D5

D7D7C6

CCCB9C

D6D5A3

Deuteranopia

BAB6D9

D5D5D5

D9DBC6

D1D69D

DBE1A4

Tritanopia

ABD8D8

D5D5D5

E3C6C6

E99E9E

F6A4A4

Achromatopsia

C9C9C9

D5D5D5

CFCFCF

B7B7B7

BFBFBF

Shades & Tints Shades & Tints

#A9D5DB

Dark

Light

#D5D5D5

Dark

Light

#E4C6C6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9d5db;
  --color-2: #d5d5d5;
  --color-3: #e4c6c6;
  --color-4: #eda19b;
  --color-5: #faa7a2;
}

SCSS

$color-1: #a9d5db;
$color-2: #d5d5d5;
$color-3: #e4c6c6;
$color-4: #eda19b;
$color-5: #faa7a2;

TAILWIND

colors: {
  'brand-1': '#a9d5db',
  'brand-2': '#d5d5d5',
  'brand-3': '#e4c6c6',
  'brand-4': '#eda19b',
  'brand-5': '#faa7a2',
}

RGB Array

[169, 213, 219], [213, 213, 213], [228, 198, 198], [237, 161, 155], [250, 167, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9D5DB, #D5D5D5, #E4C6C6, #EDA19B, #FAA7A2 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: #a9d5db; --color-2: #d5d5d5; --color-3: #e4c6c6; --color-4: #eda19b; --color-5: #faa7a2. 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