#B35683 Color

#B35683 is rgb(179, 86, 131) in RGB and hsl(331, 38%, 52%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#B35683

HEX#B35683

RGBrgb(179, 86, 131)

HSLhsl(331, 38%, 52%)

HSVhsv(331, 52%, 70%)

OKLCHoklch(58% 0.131 351.7)

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

Text Contrast & Accessibility

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

TextWhite text4.59:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.58:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#B35683 Complementary#56B386 Analogous#B356B2 Analogous#B35856 Triadic#83B356 Triadic#5683B3

Tints & Shades

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

Tints

#BE6F95 #C884A5 #D39CB7 #DCB2C6 #E7CAD8 #F1DFE8

Shades

#9E4771 #863C60 #6D314E #58283F #3F1C2D #27111C

Use #B35683 in Our Tools

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