#CDDFE8

#CDDFE8

Color Values

HEX

#CDDFE8

RGB

205, 223, 232

HSL

200,0, 37,0%, 85,7%

HSV

200,0, 11,6%, 91,0%

CMYK

11,6%, 3,9%, 0,0%, 9,0%

OKLCH

0,8929 0,0229 229,1

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#CDDFE8

#E8D6CD

Analogous

#CDE8E4

#CDD2E8

#CDDFE8

Triadic

#CDDFE8

#E8CDDF

#DFE8CD

Split Complementary

#CDDFE8

#E8CDD2

#E8E4CD

Tetradic

#CDDFE8

#E4CDE8

#E8D6CD

#D2E8CD

Color Blindness Simulation

Original

#CDDFE8

Protanopia

#D5D5E6

Deuteranopia

#D4D2E5

Tritanopia

#CEE4E4

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF3
200
#CEE0E9
300
#ABC9D8
400
#7EACC4
500
#508FAF
600
#40738C
700
#335C70
800
#284857
900
#203641
950
#142229

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,32:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026