#BD5055

#BD5055

Color Values

HEX

#BD5055

RGB

189, 80, 85

HSL

357.2, 45.2%, 52.7%

HSV

357.2, 57.7%, 74.1%

CMYK

0.0%, 57.7%, 55.0%, 25.9%

OKLCH

0.5734 0.1408 19.9

Properties

Warm Dark Nearest: indianred

Color Harmonies

Complementary

#BD5055

#50BDB8

Analogous

#BD508B

#BD8150

#BD5055

Triadic

#BD5055

#55BD50

#5055BD

Split Complementary

#BD5055

#50BD81

#508BBD

Tetradic

#BD5055

#8BBD50

#50BDB8

#8150BD

Color Blindness Simulation

Original

#BD5055

Protanopia

#8E8D54

Deuteranopia

#949C54

Tritanopia

#B85353

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EBCBCD
300
#DDA6A9
400
#CB767A
500
#B9464B
600
#94383C
700
#762D30
800
#5D2326
900
#441D1F
950
#2B1213

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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