#BB487A

#BB487A

Color Values

HEX

#BB487A

RGB

187, 72, 122

HSL

333.9, 45.8%, 50.8%

HSV

333.9, 61.5%, 73.3%

CMYK

0.0%, 61.5%, 34.8%, 26.7%

OKLCH

0.5701 0.1562 356.2

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BB487A

#48BB89

Analogous

#BB48B4

#BB5048

#BB487A

Triadic

#BB487A

#7ABB48

#487ABB

Split Complementary

#BB487A

#48BB50

#48B4BB

Tetradic

#BB487A

#B4BB48

#48BB89

#5048BB

Color Blindness Simulation

Original

#BB487A

Protanopia

#89886E

Deuteranopia

#90986B

Tritanopia

#B56462

Achromatopsia

#646464

CSS Usage

background-color: #BB487A;
color: #BB487A;
border-color: #BB487A;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DEA6BE
400
#CC759B
500
#BA4578
600
#953760
700
#772C4D
800
#5D233C
900
#441C2E
950
#2B121D

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026