#A2F345

#A2F345

Color Values

HEX

#A2F345

RGB

162, 243, 69

HSL

87.9, 87.9%, 61.2%

HSV

87.9, 71.6%, 95.3%

CMYK

33.3%, 0.0%, 71.6%, 4.7%

OKLCH

0.8802 0.2147 131.5

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#A2F345

#9645F3

Analogous

#F3ED45

#4BF345

#A2F345

Triadic

#A2F345

#45A2F3

#F345A2

Split Complementary

#A2F345

#454BF3

#ED45F3

Tetradic

#A2F345

#45F3ED

#9645F3

#F3454B

Color Blindness Simulation

Original

#A2F345

Protanopia

#C5C66F

Deuteranopia

#C0BA79

Tritanopia

#A69098

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DDFBBC
300
#C6F88C
400
#A6F44E
500
#87F00F
600
#6CC00C
700
#57990A
800
#447808
900
#33570A
950
#203706

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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