#6AE296 Color

#6AE296 is rgb(106, 226, 150) in RGB and hsl(142, 67%, 65%) in HSL. The closest CSS named color is MediumAquamarine. Black text is most readable on this background.

#6AE296

HEX#6AE296

RGBrgb(106, 226, 150)

HSLhsl(142, 67%, 65%)

HSVhsv(142, 53%, 89%)

OKLCHoklch(82.4% 0.153 153.6)

CMYKcmyk(53%, 0%, 34%, 11%)

Text Contrast & Accessibility

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

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

TextBlack text12.93:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#6AE296 Complementary#E26AB6 Analogous#7AE26A Analogous#6AE2D2 Triadic#966AE2 Triadic#E2966A

Tints & Shades

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

Tints

#7FE6A5 #90E9B1 #A6EDC0 #BBF2CF #D0F6DE #E1F9EA

Shades

#44DA7B #28CC65 #21A652 #19803F #12592C #0B371B

Use #6AE296 in Our Tools

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