#CFDDFA

#CFDDFA

Color Values

HEX

#CFDDFA

RGB

207, 221, 250

HSL

220.5, 81.1%, 89.6%

HSV

220.5, 17.2%, 98.0%

CMYK

17.2%, 11.6%, 0.0%, 2.0%

OKLCH

0.8961 0.0427 265.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CFDDFA

#FAECCF

Analogous

#CFF2FA

#D6CFFA

#CFDDFA

Triadic

#CFDDFA

#FACFDD

#DDFACF

Split Complementary

#CFDDFA

#FAD6CF

#F2FACF

Tetradic

#CFDDFA

#FACFF2

#FAECCF

#CFFAD6

Color Blindness Simulation

Original

#CFDDFA

Protanopia

#D5D5F3

Deuteranopia

#D4D3F1

Tritanopia

#D0EDEC

Achromatopsia

#DCDCDC

CSS Usage

background-color: #CFDDFA;
color: #CFDDFA;
border-color: #CFDDFA;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F2F6FD
100
#E1E9F9
200
#BED1F8
300
#90B0F3
400
#5486ED
500
#185BE7
600
#1349B9
700
#0F3A94
800
#0C2E73
900
#0D2454
950
#081735

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.38: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