#BD0023 Color

#BD0023 is rgb(189, 0, 35) in RGB and hsl(349, 100%, 37%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BD0023

HEX#BD0023

RGBrgb(189, 0, 35)

HSLhsl(349, 100%, 37%)

HSVhsv(349, 100%, 74%)

OKLCHoklch(50.4% 0.203 23.6)

CMYKcmyk(0%, 100%, 81%, 26%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BD0023 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text6.59:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.19:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #BD0023 based on color wheel relationships. Click any swatch for its full breakdown.

Base#BD0023 Complementary#00BD9A Analogous#BD0081 Analogous#BD3C00 Triadic#23BD00 Triadic#0023BD

Tints & Shades

Lighter tints and darker shades of #BD0023, useful for hover states, backgrounds, and text variants.

Tints

#EB002B #FF143F #FF4265 #FF708A #FF9EB0 #FFC7D1

Shades

#A3001E #8F001A #750016 #5C0011 #42000C #2E0008

Use #BD0023 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex