#BD1300 Color

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

#BD1300

HEX#BD1300

RGBrgb(189, 19, 0)

HSLhsl(6, 100%, 37%)

HSVhsv(6, 100%, 74%)

OKLCHoklch(50.7% 0.2 30.5)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BD1300 Complementary#00AABD Analogous#BD004B Analogous#BD7100 Triadic#00BD13 Triadic#1300BD

Tints & Shades

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

Tints

#EB1700 #FF2C14 #FF5542 #FF7E70 #FFA89E #FFCDC7

Shades

#A31000 #8F0E00 #750C00 #5C0900 #420700 #2E0500

Use #BD1300 in Our Tools

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