#CFD2FE

#CFD2FE

Color Values

HEX

#CFD2FE

RGB

207, 210, 254

HSL

236,2, 95,9%, 90,4%

HSV

236,2, 18,5%, 99,6%

CMYK

18,5%, 17,3%, 0,0%, 0,4%

OKLCH

0,8758 0,0607 282,0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CFD2FE

#FEFBCF

Analogous

#CFE9FE

#E4CFFE

#CFD2FE

Triadic

#CFD2FE

#FECFD2

#D2FECF

Split Complementary

#CFD2FE

#FEE4CF

#E9FECF

Tetradic

#CFD2FE

#FECFE9

#FEFBCF

#CFFEE4

Color Blindness Simulation

Original

#CFD2FE

Protanopia

#D0D0F3

Deuteranopia

#D0D0F1

Tritanopia

#CFEBE9

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BDFE
300
#878FFC
400
#4652FB
500
#0515FA
600
#0411C8
700
#030DA0
800
#030A7D
900
#070C5A
950
#040839

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,3: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