#BD0026 Color

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

#BD0026

HEX#BD0026

RGBrgb(189, 0, 38)

HSLhsl(348, 100%, 37%)

HSVhsv(348, 100%, 74%)

OKLCHoklch(50.4% 0.203 22.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BD0026 Complementary#00BD97 Analogous#BD0084 Analogous#BD3900 Triadic#26BD00 Triadic#0026BD

Tints & Shades

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

Tints

#EB002F #FF1443 #FF4268 #FF708D #FF9EB1 #FFC7D2

Shades

#A30021 #8F001D #750017 #5C0012 #42000D #2E0009

Use #BD0026 in Our Tools

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