#86184F Color

#86184F is rgb(134, 24, 79) in RGB and hsl(330, 70%, 31%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#86184F

HEX#86184F

RGBrgb(134, 24, 79)

HSLhsl(330, 70%, 31%)

HSVhsv(330, 82%, 53%)

OKLCHoklch(41.8% 0.151 356)

CMYKcmyk(0%, 82%, 41%, 47%)

Text Contrast & Accessibility

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

TextWhite text9.3:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.26:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#86184F Complementary#18864F Analogous#861886 Analogous#861818 Triadic#4F8618 Triadic#184F86

Tints & Shades

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

Tints

#B21F69 #D92680 #E05299 #E779B0 #EFA4C9 #F6CBE0

Shades

#751545 #64123B #520F30 #450C29 #34091F #230614

Use #86184F in Our Tools

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