#A2F368

#A2F368

Color Values

HEX

#A2F368

RGB

162, 243, 104

HSL

95.0, 85.3%, 68.0%

HSV

95.0, 57.2%, 95.3%

CMYK

33.3%, 0.0%, 57.2%, 4.7%

OKLCH

0.8833 0.19 134.1

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#A2F368

#B968F3

Analogous

#E7F368

#68F373

#A2F368

Triadic

#A2F368

#68A2F3

#F368A2

Split Complementary

#A2F368

#7368F3

#F368E7

Tetradic

#A2F368

#68E7F3

#B968F3

#F37368

Color Blindness Simulation

Original

#A2F368

Protanopia

#C5C68A

Deuteranopia

#C0BA92

Tritanopia

#A6A4AA

Achromatopsia

#D8D8D8

CSS Usage

background-color: #A2F368;
color: #A2F368;
border-color: #A2F368;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

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

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.56:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026