#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026