#CBAAF0

#CBAAF0

Color Values

HEX

#CBAAF0

RGB

203, 170, 240

HSL

268.3, 70.0%, 80.4%

HSV

268.3, 29.2%, 94.1%

CMYK

15.4%, 29.2%, 0.0%, 5.9%

OKLCH

0.7914 0.1031 305.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CBAAF0

#CFF0AA

Analogous

#AAACF0

#EEAAF0

#CBAAF0

Triadic

#CBAAF0

#F0CBAA

#AAF0CB

Split Complementary

#CBAAF0

#F0EEAA

#ACF0AA

Tetradic

#CBAAF0

#F0AAAC

#CFF0AA

#AAF0EE

Color Blindness Simulation

Original

#CBAAF0

Protanopia

#BDBCDF

Deuteranopia

#BFC1DB

Tritanopia

#C9D2CF

Achromatopsia

#B6B6B6

CSS Usage

background-color: #CBAAF0;
color: #CBAAF0;
border-color: #CBAAF0;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F3FC
100
#EDE3F8
200
#DAC2F4
300
#BF97ED
400
#9D5FE3
500
#7A26D9
600
#621FAD
700
#4E188B
800
#3D136C
900
#2F124F
950
#1E0B32

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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