#8AF042

#8AF042

Color Values

HEX

#8AF042

RGB

138, 240, 66

HSL

95.2, 85.3%, 60.0%

HSV

95.2, 72.5%, 94.1%

CMYK

42.5%, 0.0%, 72.5%, 5.9%

OKLCH

0.8607 0.2246 135.3

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#8AF042

#A842F0

Analogous

#E1F042

#42F051

#8AF042

Triadic

#8AF042

#428AF0

#F0428A

Split Complementary

#8AF042

#5142F0

#F042E1

Tetradic

#8AF042

#42E1F0

#A842F0

#F05142

Color Blindness Simulation

Original

#8AF042

Protanopia

#B6B76C

Deuteranopia

#B0A976

Tritanopia

#8F8D95

Achromatopsia

#CECECE

CSS Usage

background-color: #8AF042;
color: #8AF042;
border-color: #8AF042;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F6FDF2
100
#EBFAE0
200
#D6FABD
300
#B9F68E
400
#93F150
500
#6DEC13
600
#57BD0F
700
#46970C
800
#367609
900
#2A560B
950
#1B3607

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026