#BB494D

#BB494D

Color Values

HEX

#BB494D

RGB

187, 73, 77

HSL

357.9, 45.6%, 51.0%

HSV

357.9, 61.0%, 73.3%

CMYK

0.0%, 61.0%, 58.8%, 26.7%

OKLCH

0.5592 0.1475 21.1

Properties

Warm Dark Nearest: indianred 3

Color Harmonies

Complementary

#BB494D

#49BBB7

Analogous

#BB4986

#BB7E49

#BB494D

Triadic

#BB494D

#4DBB49

#494DBB

Split Complementary

#BB494D

#49BB7E

#4986BB

Tetradic

#BB494D

#86BB49

#49BBB7

#7E49BB

Color Blindness Simulation

Original

#BB494D

Protanopia

#8A894C

Deuteranopia

#90994C

Tritanopia

#B54B4B

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCC
300
#DEA6A8
400
#CC7679
500
#BA4549
600
#95373B
700
#772C2F
800
#5D2325
900
#441D1E
950
#2B1213

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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