#CBACD7

#CBACD7

Color Values

HEX

#CBACD7

RGB

203, 172, 215

HSL

283,3, 35,0%, 75,9%

HSV

283,3, 20,0%, 84,3%

CMYK

5,6%, 20,0%, 0,0%, 15,7%

OKLCH

0,7854 0,0688 316,5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CBACD7

#B8D7AC

Analogous

#B6ACD7

#D7ACCE

#CBACD7

Triadic

#CBACD7

#D7CBAC

#ACD7CB

Split Complementary

#CBACD7

#CED7AC

#ACD7B6

Tetradic

#CBACD7

#D7B6AC

#B8D7AC

#ACCED7

Color Blindness Simulation

Original

#CBACD7

Protanopia

#BEBDCD

Deuteranopia

#BFC2CA

Tritanopia

#C9C4C3

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#F0E8F2
200
#E1CFE8
300
#CBACD7
400
#AF80C2
500
#9353AC
600
#76428A
700
#5E356E
800
#4A2956
900
#372140
950
#231528

Contrast Checker

Text on white

2,02:1

AA Fail AAA Fail

Text on black

10,42:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026