#B31456 Color

#B31456 is rgb(179, 20, 86) in RGB and hsl(335, 80%, 39%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#B31456

HEX#B31456

RGBrgb(179, 20, 86)

HSLhsl(335, 80%, 39%)

HSVhsv(335, 89%, 70%)

OKLCHoklch(50.1% 0.191 4.4)

CMYKcmyk(0%, 89%, 52%, 30%)

Text Contrast & Accessibility

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

TextWhite text6.66:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#B31456 Complementary#14B371 Analogous#B314A6 Analogous#B32114 Triadic#56B314 Triadic#1456B3

Tints & Shades

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

Tints

#D81868 #E93580 #ED5A97 #F183B1 #F5A8C8 #FAD1E2

Shades

#9C114B #850F40 #6E0C35 #570A2A #40071F #290514

Use #B31456 in Our Tools

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