#CB487E

#CB487E

Color Values

HEX

#CB487E

RGB

203, 72, 126

HSL

335.3, 55.7%, 53.9%

HSV

335.3, 64.5%, 79.6%

CMYK

0.0%, 64.5%, 37.9%, 20.4%

OKLCH

0.5959 0.1728 358.3

Properties

Warm Light Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#CB487E

#48CB95

Analogous

#CB48BF

#CB5448

#CB487E

Triadic

#CB487E

#7ECB48

#487ECB

Split Complementary

#CB487E

#48CB54

#48BFCB

Tetradic

#CB487E

#BFCB48

#48CB95

#5448CB

Color Blindness Simulation

Original

#CB487E

Protanopia

#929171

Deuteranopia

#9AA46E

Tritanopia

#C46764

Achromatopsia

#686868

CSS Usage

background-color: #CB487E;
color: #CB487E;
border-color: #CB487E;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F7
100
#F6E5EC
200
#EFC7D8
300
#E4A0BC
400
#D56C97
500
#C73873
600
#9F2D5C
700
#7F244A
800
#631C39
900
#49182C
950
#2E0F1C

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026