#CACBEF

#CACBEF

Color Values

HEX

#CACBEF

RGB

202, 203, 239

HSL

238.4, 53.6%, 86.5%

HSV

238.4, 15.5%, 93.7%

CMYK

15.5%, 15.1%, 0.0%, 6.3%

OKLCH

0.8529 0.0498 284.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CACBEF

#EFEECA

Analogous

#CADEEF

#DCCAEF

#CACBEF

Triadic

#CACBEF

#EFCACB

#CBEFCA

Split Complementary

#CACBEF

#EFDCCA

#DEEFCA

Tetradic

#CACBEF

#EFCADE

#EFEECA

#CAEFDC

Color Blindness Simulation

Original

#CACBEF

Protanopia

#CACAE6

Deuteranopia

#CACAE4

Tritanopia

#CADFDE

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C8C9EE
300
#A1A3E3
400
#6E71D3
500
#3B3FC4
600
#2F329D
700
#26287D
800
#1E1F62
900
#191A48
950
#10112D

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.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