#CABCEF

#CABCEF

Color Values

HEX

#CABCEF

RGB

202, 188, 239

HSL

256.5, 61.4%, 83.7%

HSV

256.5, 21.3%, 93.7%

CMYK

15.5%, 21.3%, 0.0%, 6.3%

OKLCH

0.8238 0.0721 297.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CABCEF

#E1EFBC

Analogous

#BCC7EF

#E3BCEF

#CABCEF

Triadic

#CABCEF

#EFCABC

#BCEFCA

Split Complementary

#CABCEF

#EFE3BC

#C7EFBC

Tetradic

#CABCEF

#EFBCC7

#E1EFBC

#BCEFE3

Color Blindness Simulation

Original

#CABCEF

Protanopia

#C4C4E3

Deuteranopia

#C5C6E0

Tritanopia

#C9D9D7

Achromatopsia

#C3C3C3

CSS Usage

background-color: #CABCEF;
color: #CABCEF;
border-color: #CABCEF;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F3FB
100
#E9E4F6
200
#D1C5F1
300
#B19CE7
400
#8767DB
500
#5C31CE
600
#4A27A5
700
#3B1F84
800
#2E1967
900
#24164B
950
#170E30

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.95:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026