#BF5518 Color

#BF5518 is rgb(191, 85, 24) in RGB and hsl(22, 78%, 42%) in HSL. The closest CSS named color is Chocolate. White text is most readable on this background.

#BF5518

HEX#BF5518

RGBrgb(191, 85, 24)

HSLhsl(22, 78%, 42%)

HSVhsv(22, 87%, 75%)

OKLCHoklch(57.6% 0.152 45.4)

CMYKcmyk(0%, 55%, 87%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BF5518 Complementary#1881BF Analogous#BF182E Analogous#BFA818 Triadic#18BF55 Triadic#5518BF

Tints & Shades

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

Tints

#E3651C #E77E40 #EC9665 #F0AF89 #F5C8AD #F9E0D2

Shades

#A84B15 #8D3F11 #76350F #5B280B #441E08 #291205

Use #BF5518 in Our Tools

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