#CBABC0

#CBABC0

Color Values

HEX

#CBABC0

RGB

203, 171, 192

HSL

320,6, 23,5%, 73,3%

HSV

320,6, 15,8%, 79,6%

CMYK

0,0%, 15,8%, 5,4%, 20,4%

OKLCH

0,7757 0,0466 338,9

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CBABC0

#ABCBB6

Analogous

#C6ABCB

#CBABB0

#CBABC0

Triadic

#CBABC0

#C0CBAB

#ABC0CB

Split Complementary

#CBABC0

#B0CBAB

#ABCBC6

Tetradic

#CBABC0

#CBC6AB

#ABCBB6

#ABB0CB

Color Blindness Simulation

Original

#CBABC0

Protanopia

#BDBDBB

Deuteranopia

#BFC1BA

Tritanopia

#C9B7B6

Achromatopsia

#B3B3B3

CSS Usage

background-color: #CBABC0;
color: #CBABC0;
border-color: #CBABC0;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E4D3DE
300
#D0B3C6
400
#B78AA8
500
#9D6289
600
#7E4E6E
700
#653E58
800
#4F3144
900
#3B2634
950
#251821

Contrast Checker

Text on white

2,07:1

AA Fail AAA Fail

Text on black

10,13:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026