#9AF242

#9AF242

Color Values

HEX

#9AF242

RGB

154, 242, 66

HSL

90.0, 87.1%, 60.4%

HSV

90.0, 72.7%, 94.9%

CMYK

36.4%, 0.0%, 72.7%, 5.1%

OKLCH

0.8734 0.2191 132.8

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#9AF242

#9A42F2

Analogous

#F2F242

#42F242

#9AF242

Triadic

#9AF242

#429AF2

#F2429A

Split Complementary

#9AF242

#4242F2

#F242F2

Tetradic

#9AF242

#42F2F2

#9A42F2

#F24242

Color Blindness Simulation

Original

#9AF242

Protanopia

#C0C16D

Deuteranopia

#BBB477

Tritanopia

#9E8E96

Achromatopsia

#D3D3D3

CSS Usage

background-color: #9AF242;
color: #9AF242;
border-color: #9AF242;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DBFABC
300
#C2F78C
400
#A1F34E
500
#80EF10
600
#66BF0D
700
#52990B
800
#407708
900
#30560A
950
#1F3707

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.15: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