#CB5A86

#CB5A86

Color Values

HEX

#CB5A86

RGB

203, 90, 134

HSL

336.6, 52.1%, 57.5%

HSV

336.6, 55.7%, 79.6%

CMYK

0.0%, 55.7%, 34.0%, 20.4%

OKLCH

0.6208 0.1503 358.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CB5A86

#5ACB9F

Analogous

#CB5ABF

#CB675A

#CB5A86

Triadic

#CB5A86

#86CB5A

#5A86CB

Split Complementary

#CB5A86

#5ACB67

#5ABFCB

Tetradic

#CB5A86

#BFCB5A

#5ACB9F

#675ACB

Color Blindness Simulation

Original

#CB5A86

Protanopia

#9A997B

Deuteranopia

#A1A979

Tritanopia

#C57371

Achromatopsia

#757575

CSS Usage

background-color: #CB5A86;
color: #CB5A86;
border-color: #CB5A86;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F7
100
#F5E5EB
200
#EEC9D7
300
#E2A2BB
400
#D26F96
500
#C23D71
600
#9B315A
700
#7C2748
800
#611F38
900
#471A2B
950
#2D101B

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

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