#BB4451

#BB4451

Color Values

HEX

#BB4451

RGB

187, 68, 81

HSL

353.4, 46.7%, 50.0%

HSV

353.4, 63.6%, 73.3%

CMYK

0.0%, 63.6%, 56.7%, 26.7%

OKLCH

0.5538 0.1531 17.2

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#BB4451

#44BBAE

Analogous

#BB448D

#BB7244

#BB4451

Triadic

#BB4451

#51BB44

#4451BB

Split Complementary

#BB4451

#44BB72

#448DBB

Tetradic

#BB4451

#8DBB44

#44BBAE

#7244BB

Color Blindness Simulation

Original

#BB4451

Protanopia

#87864E

Deuteranopia

#8E974D

Tritanopia

#B54B4B

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#ECCBCE
300
#DEA5AC
400
#CD757E
500
#BB4451
600
#963641
700
#782B34
800
#5E2229
900
#451C21
950
#2B1215

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026