#BB423A Color

#BB423A is rgb(187, 66, 58) in RGB and hsl(4, 53%, 48%) in HSL. The closest CSS named color is Sienna. White text is most readable on this background.

#BB423A

HEX#BB423A

RGBrgb(187, 66, 58)

HSLhsl(4, 53%, 48%)

HSVhsv(4, 69%, 73%)

OKLCHoklch(54.7% 0.158 27.3)

CMYKcmyk(0%, 65%, 69%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB423A Complementary#3AB3BB Analogous#BB3A72 Analogous#BB833A Triadic#3ABB42 Triadic#423ABB

Tints & Shades

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

Tints

#C9584F #D1726B #DA8C86 #E3A9A5 #ECC3C1 #F4DEDC

Shades

#A43A32 #89302A #712823 #5A201C #421714 #270E0C

Use #BB423A in Our Tools

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