#86DFB4 Color

#86DFB4 is rgb(134, 223, 180) in RGB and hsl(151, 58%, 70%) in HSL. The closest CSS named color is MediumAquamarine. Black text is most readable on this background.

#86DFB4

HEX#86DFB4

RGBrgb(134, 223, 180)

HSLhsl(151, 58%, 70%)

HSVhsv(151, 40%, 87%)

OKLCHoklch(83.6% 0.106 161.9)

CMYKcmyk(40%, 0%, 19%, 13%)

Text Contrast & Accessibility

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

TextWhite text1.59:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text13.23:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#86DFB4 Complementary#DF86B1 Analogous#86DF88 Analogous#86DDDF Triadic#B486DF Triadic#DFB486

Tints & Shades

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

Tints

#96E3BE #A6E7C8 #B6ECD2 #C7F0DC #D7F4E6 #E7F9F0

Shades

#62D59D #3ACB84 #2DA96D #228153 #195D3C #0E3422

Use #86DFB4 in Our Tools

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