#CB96B9

#CB96B9

Color Values

HEX

#CB96B9

RGB

203, 150, 185

HSL

320.4, 33.8%, 69.2%

HSV

320.4, 26.1%, 79.6%

CMYK

0.0%, 26.1%, 8.9%, 20.4%

OKLCH

0.7343 0.0785 339.6

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#CB96B9

#96CBA8

Analogous

#C396CB

#CB969E

#CB96B9

Triadic

#CB96B9

#B9CB96

#96B9CB

Split Complementary

#CB96B9

#9ECB96

#96CBC3

Tetradic

#CB96B9

#CBC396

#96CBA8

#969ECB

Color Blindness Simulation

Original

#CB96B9

Protanopia

#B4B4B1

Deuteranopia

#B7BBAE

Tritanopia

#C8AAA8

Achromatopsia

#A4A4A4

CSS Usage

background-color: #CB96B9;
color: #CB96B9;
border-color: #CB96B9;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F8
100
#F2E8EF
200
#E7CFDF
300
#D6ADC8
400
#C181AB
500
#AB548D
600
#884471
700
#6D365A
800
#552A47
900
#3F2235
950
#281522

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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