#CFDDFF

#CFDDFF

Color Values

HEX

#CFDDFF

RGB

207, 221, 255

HSL

222.5, 100.0%, 90.6%

HSV

222.5, 18.8%, 100.0%

CMYK

18.8%, 13.3%, 0.0%, 0.0%

OKLCH

0.8978 0.0492 267.7

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CFDDFF

#FFF1CF

Analogous

#CFF5FF

#D9CFFF

#CFDDFF

Triadic

#CFDDFF

#FFCFDD

#DDFFCF

Split Complementary

#CFDDFF

#FFD9CF

#F5FFCF

Tetradic

#CFDDFF

#FFCFF5

#FFF1CF

#CFFFD9

Color Blindness Simulation

Original

#CFDDFF

Protanopia

#D5D5F7

Deuteranopia

#D4D3F5

Tritanopia

#D0F0EF

Achromatopsia

#DCDCDC

CSS Usage

background-color: #CFDDFF;
color: #CFDDFF;
border-color: #CFDDFF;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CCFF
300
#85A8FF
400
#4279FF
500
#004AFF
600
#003BCC
700
#0030A3
800
#002580
900
#051E5C
950
#03133A

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.44:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026