#B2480A Color

#B2480A is rgb(178, 72, 10) in RGB and hsl(22, 89%, 37%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#B2480A

HEX#B2480A

RGBrgb(178, 72, 10)

HSLhsl(22, 89%, 37%)

HSVhsv(22, 94%, 70%)

OKLCHoklch(53.6% 0.152 43.8)

CMYKcmyk(0%, 60%, 94%, 30%)

Text Contrast & Accessibility

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

TextWhite text5.49:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#B2480A Complementary#0A75B2 Analogous#B20A21 Analogous#B29C0A Triadic#0AB248 Triadic#480AB2

Tints & Shades

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

Tints

#DE590D #F26E21 #F58A4D #F7A778 #FAC3A3 #FCDCCA

Shades

#9A3E09 #873608 #6F2D06 #572305 #3F1904 #2B1203

Use #B2480A in Our Tools

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