#CABAEB

#CABAEB

Color Values

HEX

#CABAEB

RGB

202, 186, 235

HSL

259.6, 55.1%, 82.5%

HSV

259.6, 20.9%, 92.2%

CMYK

14.0%, 20.9%, 0.0%, 7.8%

OKLCH

0.8184 0.07 299.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CABAEB

#DBEBBA

Analogous

#BAC2EB

#E2BAEB

#CABAEB

Triadic

#CABAEB

#EBCABA

#BAEBCA

Split Complementary

#CABAEB

#EBE2BA

#C2EBBA

Tetradic

#CABAEB

#EBBAC2

#DBEBBA

#BAEBE2

Color Blindness Simulation

Original

#CABAEB

Protanopia

#C3C3DF

Deuteranopia

#C4C5DC

Tritanopia

#C9D6D4

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EAE5F6
200
#D4C8EF
300
#B6A0E4
400
#8F6DD5
500
#6739C6
600
#532E9E
700
#42257F
800
#341D63
900
#281848
950
#190F2E

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.73: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