#B2402A Color

#B2402A is rgb(178, 64, 42) in RGB and hsl(10, 62%, 43%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#B2402A

HEX#B2402A

RGBrgb(178, 64, 42)

HSLhsl(10, 62%, 43%)

HSVhsv(10, 76%, 70%)

OKLCHoklch(52.8% 0.153 32.9)

CMYKcmyk(0%, 64%, 76%, 30%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B2402A Complementary#2A9BB2 Analogous#B22A57 Analogous#B2842A Triadic#2AB240 Triadic#402AB2

Tints & Shades

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

Tints

#D04E35 #D76B56 #DF8877 #E6A194 #EEBEB5 #F5DBD6

Shades

#993724 #84301F #6B2719 #571F14 #3E160F #290F0A

Use #B2402A in Our Tools

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