#C8DEE3

#C8DEE3

Color Values

HEX

#C8DEE3

RGB

200, 222, 227

HSL

191.1, 32.5%, 83.7%

HSV

191.1, 11.9%, 89.0%

CMYK

11.9%, 2.2%, 0.0%, 11.0%

OKLCH

0.8858 0.0245 212.9

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C8DEE3

#E3CDC8

Analogous

#C8E3DA

#C8D0E3

#C8DEE3

Triadic

#C8DEE3

#E3C8DE

#DEE3C8

Split Complementary

#C8DEE3

#E3C8D0

#E3DAC8

Tetradic

#C8DEE3

#DAC8E3

#E3CDC8

#D0E3C8

Color Blindness Simulation

Original

#C8DEE3

Protanopia

#D2D2E2

Deuteranopia

#D0CFE1

Tritanopia

#C9E1E1

Achromatopsia

#DADADA

CSS Usage

background-color: #C8DEE3;
color: #C8DEE3;
border-color: #C8DEE3;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E3E7
300
#AECED6
400
#82B4BF
500
#569AA9
600
#457B87
700
#37626C
800
#2B4D54
900
#22393F
950
#162428

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026