#95EBEC + #BDEDEE + #DEEFEF + #C2CCCC + #A0B8B8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#95EBEC

Sky Blue · LightBlue · Lake Green

HEX

#95EBEC

RGB

rgb(149, 235, 236)

HSL

hsl(181, 70%, 75%)

HSB

hsb(181, 37%, 93%)

CMYK

cmyk(37%, 0%, 0%, 7%)

Oklch

oklch(88.6% 0.083 196.7)

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

#BDEDEE

Sky Blue · LightBlue · Glacier Blue

HEX

#BDEDEE

RGB

rgb(189, 237, 238)

HSL

hsl(181, 59%, 84%)

HSB

hsb(181, 21%, 93%)

CMYK

cmyk(21%, 0%, 0%, 7%)

Oklch

oklch(91.3% 0.049 197.9)

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

#DEEFEF

Sky Blue · Lavender · Glacier Blue

HEX

#DEEFEF

RGB

rgb(222, 239, 239)

HSL

hsl(180, 35%, 90%)

HSB

hsb(180, 7%, 94%)

CMYK

cmyk(7%, 0%, 0%, 6%)

Oklch

oklch(94.0% 0.018 196.9)

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

#C2CCCC

Sky Blue · Silver · Pearl Gray

HEX

#C2CCCC

RGB

rgb(194, 204, 204)

HSL

hsl(180, 9%, 78%)

HSB

hsb(180, 5%, 80%)

CMYK

cmyk(5%, 0%, 0%, 20%)

Oklch

oklch(83.8% 0.011 196.9)

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

#A0B8B8

Sky Blue · DarkGray · Lake Green

HEX

#A0B8B8

RGB

rgb(160, 184, 184)

HSL

hsl(180, 14%, 67%)

HSB

hsb(180, 13%, 72%)

CMYK

cmyk(13%, 0%, 0%, 28%)

Oklch

oklch(76.4% 0.026 196.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95EBEC

EC9493

Analogous

93ECC1

95EBEC

93BEEC

Triadic

95EBEC

EC93EA

EAEC93

Split-Comp.

95EBEC

EC93BE

ECC193

Tetradic

95EBEC

C193EC

EC9493

BEEC93

Contrast Matrix WCAG 2.1 Contrast

95EBEC	BDEDEE	DEEFEF	C2CCCC	A0B8B8
—	1.1 Fail	1.2 Fail	1.2 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.6 Fail
1.2 Fail	1.1 Fail	—	1.4 Fail	1.8 Fail
1.2 Fail	1.3 Fail	1.4 Fail	—	1.3 Fail
1.5 Fail	1.6 Fail	1.8 Fail	1.3 Fail	—

White BG

1.4Fail

1.3Fail

1.2Fail

1.6Fail

2.1Fail

Black BG

15.4AAA

16.5AAA

17.7AAA

12.8AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABBEC

D2D2EE

E5E6EF

C6C6CC

AAABB8

Deuteranopia

B5AFEC

CFCBEE

E4E3EF

C6C5CC

A9A7B8

Tritanopia

99ECEC

BFEEEE

DFEFEF

C2CCCC

A1B8B8

Achromatopsia

D1D1D1

DFDFDF

EAEAEA

C9C9C9

B1B1B1

Shades & Tints Shades & Tints

#95EBEC

Dark

Light

#BDEDEE

Dark

Light

#DEEFEF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95ebec;
  --color-2: #bdedee;
  --color-3: #deefef;
  --color-4: #c2cccc;
  --color-5: #a0b8b8;
}

SCSS

$color-1: #95ebec;
$color-2: #bdedee;
$color-3: #deefef;
$color-4: #c2cccc;
$color-5: #a0b8b8;

TAILWIND

colors: {
  'brand-1': '#95ebec',
  'brand-2': '#bdedee',
  'brand-3': '#deefef',
  'brand-4': '#c2cccc',
  'brand-5': '#a0b8b8',
}

RGB Array

[149, 235, 236], [189, 237, 238], [222, 239, 239], [194, 204, 204], [160, 184, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95EBEC, #BDEDEE, #DEEFEF, #C2CCCC, #A0B8B8 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: #95ebec; --color-2: #bdedee; --color-3: #deefef; --color-4: #c2cccc; --color-5: #a0b8b8. 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