#BD120F Color

#BD120F is rgb(189, 18, 15) in RGB and hsl(1, 85%, 40%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BD120F

HEX#BD120F

RGBrgb(189, 18, 15)

HSLhsl(1, 85%, 40%)

HSVhsv(1, 92%, 74%)

OKLCHoklch(50.7% 0.2 28.8)

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

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BD120F 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 #BD120F based on color wheel relationships. Click any swatch for its full breakdown.

Base#BD120F Complementary#0FBABD Analogous#BD0F63 Analogous#BD690F Triadic#0FBD12 Triadic#120FBD

Tints & Shades

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

Tints

#E21612 #EF3734 #F25C5A #F58280 #F8A7A5 #FBD1D0

Shades

#A5100D #8E0E0B #760B0A #5A0907 #420605 #2A0403

Use #BD120F in Our Tools

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