#BD220F

#BD220F

Color Values

HEX

#BD220F

RGB

189, 34, 15

HSL

6.6, 85.3%, 40.0%

HSV

6.6, 92.1%, 74.1%

CMYK

0.0%, 82.0%, 92.1%, 25.9%

OKLCH

0.5159 0.1919 30.8

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BD220F

#0FAABD

Analogous

#BD0F53

#BD790F

#BD220F

Triadic

#BD220F

#0FBD22

#220FBD

Split Complementary

#BD220F

#0FBD79

#0F53BD

Tetradic

#BD220F

#53BD0F

#0FAABD

#790FBD

Color Blindness Simulation

Original

#BD220F

Protanopia

#7A7914

Deuteranopia

#838E15

Tritanopia

#B51718

Achromatopsia

#424242

CSS Usage

background-color: #BD220F;
color: #BD220F;
border-color: #BD220F;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FDF3F2
100
#FAE3E0
200
#FAC4BD
300
#F6998E
400
#F16250
500
#EC2B13
600
#BD220F
700
#971B0C
800
#761509
900
#56130B
950
#360C07

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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