#BB4672

#BB4672

Color Values

HEX

#BB4672

RGB

187, 70, 114

HSL

337.4, 46.2%, 50.4%

HSV

337.4, 62.6%, 73.3%

CMYK

0.0%, 62.6%, 39.0%, 26.7%

OKLCH

0.565 0.156 0.1

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BB4672

#46BB8F

Analogous

#BB46AD

#BB5446

#BB4672

Triadic

#BB4672

#72BB46

#4672BB

Split Complementary

#BB4672

#46BB54

#46ADBB

Tetradic

#BB4672

#ADBB46

#46BB8F

#5446BB

Color Blindness Simulation

Original

#BB4672

Protanopia

#888767

Deuteranopia

#8F9865

Tritanopia

#B55F5D

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#ECCBD7
300
#DEA6BB
400
#CC7596
500
#BA4571
600
#95375A
700
#772C48
800
#5D2238
900
#451C2B
950
#2B121B

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.23: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