#CAB2E2

#CAB2E2

Color Values

HEX

#CAB2E2

RGB

202, 178, 226

HSL

270.0, 45.3%, 79.2%

HSV

270.0, 21.2%, 88.6%

CMYK

10.6%, 21.2%, 0.0%, 11.4%

OKLCH

0.7999 0.0714 307.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CAB2E2

#CAE2B2

Analogous

#B2B2E2

#E2B2E2

#CAB2E2

Triadic

#CAB2E2

#E2CAB2

#B2E2CA

Split Complementary

#CAB2E2

#E2E2B2

#B2E2B2

Tetradic

#CAB2E2

#E2B2B2

#CAE2B2

#B2E2E2

Color Blindness Simulation

Original

#CAB2E2

Protanopia

#C0BFD6

Deuteranopia

#C1C3D4

Tritanopia

#C9CDCB

Achromatopsia

#BBBBBB

CSS Usage

background-color: #CAB2E2;
color: #CAB2E2;
border-color: #CAB2E2;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DBCBEB
300
#C2A6DE
400
#A176CB
500
#8046B9
600
#663894
700
#522D77
800
#40235D
900
#301D44
950
#1F122B

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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