#BB8489

#BB8489

Color Values

HEX

#BB8489

RGB

187, 132, 137

HSL

354.5, 28.8%, 62.5%

HSV

354.5, 29.4%, 73.3%

CMYK

0.0%, 29.4%, 26.7%, 26.7%

OKLCH

0.6693 0.0682 13.0

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BB8489

#84BBB6

Analogous

#BB84A4

#BB9A84

#BB8489

Triadic

#BB8489

#89BB84

#8489BB

Split Complementary

#BB8489

#84BB9A

#84A4BB

Tetradic

#BB8489

#A4BB84

#84BBB6

#9A84BB

Color Blindness Simulation

Original

#BB8489

Protanopia

#A3A388

Deuteranopia

#A6AA88

Tritanopia

#B88787

Achromatopsia

#909090

CSS Usage

background-color: #BB8489;
color: #BB8489;
border-color: #BB8489;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F5F6
100
#F2E9EA
200
#E6D1D3
300
#D3B0B3
400
#BC858A
500
#A45B62
600
#83494E
700
#693A3E
800
#522D31
900
#3D2426
950
#271718

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77:1

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