#86F368 Color

#86F368 is rgb(134, 243, 104) in RGB and hsl(107, 85%, 68%) in HSL. The closest CSS named color is LightGreen. Black text is most readable on this background.

#86F368

HEX#86F368

RGBrgb(134, 243, 104)

HSLhsl(107, 85%, 68%)

HSVhsv(107, 57%, 95%)

OKLCHoklch(87% 0.204 139.4)

CMYKcmyk(45%, 0%, 57%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text15.03:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#86F368 Complementary#D568F3 Analogous#CBF368 Analogous#68F38F Triadic#6886F3 Triadic#F36886

Tints & Shades

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

Tints

#95F47B #A8F692 #B7F8A5 #C6F9B8 #D5FBCB #E8FDE3

Shades

#64EF3E #42EC13 #36C110 #29920C #1D6808 #113D05

Use #86F368 in Our Tools

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