#B12562 Color

#B12562 is rgb(177, 37, 98) in RGB and hsl(334, 65%, 42%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#B12562

HEX#B12562

RGBrgb(177, 37, 98)

HSLhsl(334, 65%, 42%)

HSVhsv(334, 79%, 69%)

OKLCHoklch(51.1% 0.181 0)

CMYKcmyk(0%, 79%, 45%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B12562 Complementary#25B174 Analogous#B125A7 Analogous#B12F25 Triadic#62B125 Triadic#2562B1

Tints & Shades

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

Tints

#D22D74 #DA4E8B #E170A1 #E892B7 #EFB3CD #F6D5E3

Shades

#9C2156 #821C48 #6D173D #54122F #3F0D23 #260815

Use #B12562 in Our Tools

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