#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026