#CB889C

#CB889C

Color Values

HEX

#CB889C

RGB

203, 136, 156

HSL

342.1, 39.2%, 66.5%

HSV

342.1, 33.0%, 79.6%

CMYK

0.0%, 33.0%, 23.2%, 20.4%

OKLCH

0.7 0.0856 0.1

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#CB889C

#88CBB7

Analogous

#CB88BE

#CB9688

#CB889C

Triadic

#CB889C

#9CCB88

#889CCB

Split Complementary

#CB889C

#88CB96

#88BECB

Tetradic

#CB889C

#BECB88

#88CBB7

#9688CB

Color Blindness Simulation

Original

#CB889C

Protanopia

#AEAD97

Deuteranopia

#B2B796

Tritanopia

#C89392

Achromatopsia

#989898

CSS Usage

background-color: #CB889C;
color: #CB889C;
border-color: #CB889C;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CDD6
300
#DAAAB8
400
#C67C92
500
#B14E6B
600
#8E3E56
700
#723245
800
#592736
900
#421F2A
950
#29141A

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026