#BD580F Color

#BD580F is rgb(189, 88, 15) in RGB and hsl(25, 85%, 40%) in HSL. The closest CSS named color is Chocolate. White text is most readable on this background.

#BD580F

HEX#BD580F

RGBrgb(189, 88, 15)

HSLhsl(25, 85%, 40%)

HSVhsv(25, 92%, 74%)

OKLCHoklch(57.7% 0.15 48.7)

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

Text Contrast & Accessibility

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

TextWhite text4.6:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.57:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BD580F Complementary#0F74BD Analogous#BD0F1E Analogous#BDAE0F Triadic#0FBD58 Triadic#580FBD

Tints & Shades

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

Tints

#E26912 #EF8234 #F2995A #F5B080 #F8C8A5 #FBE2D0

Shades

#A54D0D #8E420B #76370A #5A2A07 #421F05 #2A1403

Use #BD580F in Our Tools

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