#A3D372

#A3D372

Color Values

HEX

#A3D372

RGB

163, 211, 114

HSL

89.7, 52.4%, 63.7%

HSV

89.7, 46.0%, 82.7%

CMYK

22.7%, 0.0%, 46.0%, 17.3%

OKLCH

0.8111 0.1362 130.5

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#A3D372

#A272D3

Analogous

#D3D272

#72D372

#A3D372

Triadic

#A3D372

#72A3D3

#D372A3

Split Complementary

#A3D372

#7272D3

#D272D3

Tetradic

#A3D372

#72D3D2

#A272D3

#D37272

Color Blindness Simulation

Original

#A3D372

Protanopia

#B8B889

Deuteranopia

#B5B18F

Tritanopia

#A59CA0

Achromatopsia

#C2C2C2

CSS Usage

background-color: #A3D372;
color: #A3D372;
border-color: #A3D372;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DBEEC9
300
#C2E2A2
400
#A1D26F
500
#80C23D
600
#679B31
700
#527C27
800
#40611E
900
#31471A
950
#1F2D10

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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