#CFCBFE

#CFCBFE

Color Values

HEX

#CFCBFE

RGB

207, 203, 254

HSL

244.7, 96.2%, 89.6%

HSV

244.7, 20.1%, 99.6%

CMYK

18.5%, 20.1%, 0.0%, 0.4%

OKLCH

0.8622 0.0704 288.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CFCBFE

#FAFECB

Analogous

#CBE0FE

#E8CBFE

#CFCBFE

Triadic

#CFCBFE

#FECFCB

#CBFECF

Split Complementary

#CFCBFE

#FEE8CB

#E0FECB

Tetradic

#CFCBFE

#FECBE0

#FAFECB

#CBFEE8

Color Blindness Simulation

Original

#CFCBFE

Protanopia

#CDCDF2

Deuteranopia

#CECEEF

Tritanopia

#CFE8E6

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DFFC
200
#BEB9FE
300
#9087FD
400
#5446FB
500
#1805FA
600
#1304C8
700
#0F03A0
800
#0C027D
900
#0D075A
950
#080439

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026