#CBC2F4

#CBC2F4

Color Values

HEX

#CBC2F4

RGB

203, 194, 244

HSL

250,8, 69,4%, 85,9%

HSV

250,8, 20,5%, 95,7%

CMYK

16,8%, 20,5%, 0,0%, 4,3%

OKLCH

0,838 0,0698 293,1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CBC2F4

#EBF4C2

Analogous

#C2D2F4

#E4C2F4

#CBC2F4

Triadic

#CBC2F4

#F4CBC2

#C2F4CB

Split Complementary

#CBC2F4

#F4E4C2

#D2F4C2

Tetradic

#CBC2F4

#F4C2D2

#EBF4C2

#C2F4E4

Color Blindness Simulation

Original

#CBC2F4

Protanopia

#C7C7E8

Deuteranopia

#C8C8E5

Tritanopia

#CBDEDC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E6E3F8
200
#CBC3F4
300
#A797EC
400
#775FE2
500
#4727D8
600
#391FAD
700
#2D198A
800
#23146C
900
#1D124F
950
#120B32

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,56:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026