#CFD6FA

#CFD6FA

Color Values

HEX

#CFD6FA

RGB

207, 214, 250

HSL

230.2, 81.1%, 89.6%

HSV

230.2, 17.2%, 98.0%

CMYK

17.2%, 14.4%, 0.0%, 2.0%

OKLCH

0.8822 0.0502 276.6

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CFD6FA

#FAF3CF

Analogous

#CFECFA

#DDCFFA

#CFD6FA

Triadic

#CFD6FA

#FACFD6

#D6FACF

Split Complementary

#CFD6FA

#FADDCF

#ECFACF

Tetradic

#CFD6FA

#FACFEC

#FAF3CF

#CFFADD

Color Blindness Simulation

Original

#CFD6FA

Protanopia

#D2D2F1

Deuteranopia

#D2D1EF

Tritanopia

#CFEAE9

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E1E5F9
200
#BEC8F8
300
#90A0F3
400
#546DED
500
#183AE7
600
#132EB9
700
#0F2594
800
#0C1D73
900
#0D1954
950
#081035

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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