#CBACF0

#CBACF0

Color Values

HEX

#CBACF0

RGB

203, 172, 240

HSL

267,4, 69,4%, 80,8%

HSV

267,4, 28,3%, 94,1%

CMYK

15,4%, 28,3%, 0,0%, 5,9%

OKLCH

0,795 0,0998 305,1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CBACF0

#D1F0AC

Analogous

#ACAFF0

#EDACF0

#CBACF0

Triadic

#CBACF0

#F0CBAC

#ACF0CB

Split Complementary

#CBACF0

#F0EDAC

#AFF0AC

Tetradic

#CBACF0

#F0ACAF

#D1F0AC

#ACF0ED

Color Blindness Simulation

Original

#CBACF0

Protanopia

#BEBDE0

Deuteranopia

#BFC2DC

Tritanopia

#C9D3D0

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F8
200
#D9C3F4
300
#BE97EC
400
#9B5FE2
500
#7827D8
600
#601FAD
700
#4D198A
800
#3C146C
900
#2E124F
950
#1D0B32

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

10,7: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