#BB4459

#BB4459

Color Values

HEX

#BB4459

RGB

187, 68, 89

HSL

349.4, 46.7%, 50.0%

HSV

349.4, 63.6%, 73.3%

CMYK

0.0%, 63.6%, 52.4%, 26.7%

OKLCH

0.5556 0.1534 13.1

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#BB4459

#44BBA6

Analogous

#BB4495

#BB6A44

#BB4459

Triadic

#BB4459

#59BB44

#4459BB

Split Complementary

#BB4459

#44BB6A

#4495BB

Tetradic

#BB4459

#95BB44

#44BBA6

#6A44BB

Color Blindness Simulation

Original

#BB4459

Protanopia

#878654

Deuteranopia

#8E9753

Tritanopia

#B5504F

Achromatopsia

#5F5F5F

CSS Usage

background-color: #BB4459;
color: #BB4459;
border-color: #BB4459;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F5
100
#F4E6E9
200
#ECCBD1
300
#DEA5AF
400
#CD7584
500
#BB4459
600
#963647
700
#782B39
800
#5E222C
900
#451C23
950
#2B1216

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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