#BD424D

#BD424D

Color Values

HEX

#BD424D

RGB

189, 66, 77

HSL

354.6, 48.2%, 50.0%

HSV

354.6, 65.1%, 74.1%

CMYK

0.0%, 65.1%, 59.3%, 25.9%

OKLCH

0.5537 0.1577 18.8

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#BD424D

#42BDB2

Analogous

#BD428B

#BD7442

#BD424D

Triadic

#BD424D

#4DBD42

#424DBD

Split Complementary

#BD424D

#42BD74

#428BBD

Tetradic

#BD424D

#8BBD42

#42BDB2

#7442BD

Color Blindness Simulation

Original

#BD424D

Protanopia

#88874A

Deuteranopia

#8F984A

Tritanopia

#B74848

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EDCACD
300
#DFA4AA
400
#CE737B
500
#BD424D
600
#97353E
700
#792A31
800
#5E2127
900
#451B1F
950
#2C1114

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

4.05:1

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