#BB4875

#BB4875

Color Values

HEX

#BB4875

RGB

187, 72, 117

HSL

336.5, 45.8%, 50.8%

HSV

336.5, 61.5%, 73.3%

CMYK

0.0%, 61.5%, 37.4%, 26.7%

OKLCH

0.5684 0.1542 358.9

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BB4875

#48BB8E

Analogous

#BB48AF

#BB5548

#BB4875

Triadic

#BB4875

#75BB48

#4875BB

Split Complementary

#BB4875

#48BB55

#48AFBB

Tetradic

#BB4875

#AFBB48

#48BB8E

#5548BB

Color Blindness Simulation

Original

#BB4875

Protanopia

#89886A

Deuteranopia

#909867

Tritanopia

#B56260

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CC7597
500
#BA4573
600
#95375C
700
#772C4A
800
#5D2339
900
#441C2C
950
#2B121C

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail 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