#CDD6F8

#CDD6F8

Color Values

HEX

#CDD6F8

RGB

205, 214, 248

HSL

227.4, 75.4%, 88.8%

HSV

227.4, 17.3%, 97.3%

CMYK

17.3%, 13.7%, 0.0%, 2.7%

OKLCH

0.88 0.0479 273.7

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CDD6F8

#F8EFCD

Analogous

#CDEBF8

#D9CDF8

#CDD6F8

Triadic

#CDD6F8

#F8CDD6

#D6F8CD

Split Complementary

#CDD6F8

#F8D9CD

#EBF8CD

Tetradic

#CDD6F8

#F8CDEB

#F8EFCD

#CDF8D9

Color Blindness Simulation

Original

#CDD6F8

Protanopia

#D1D1F0

Deuteranopia

#D0D0EE

Tritanopia

#CDE9E8

Achromatopsia

#D7D7D7

CSS Usage

background-color: #CDD6F8;
color: #CDD6F8;
border-color: #CDD6F8;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F5FC
100
#E2E7F9
200
#C0CCF6
300
#94A7F0
400
#5A77E8
500
#1F48E0
600
#1939B3
700
#142E8F
800
#102470
900
#101D51
950
#0A1333

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026