#A2D583

#A2D583

Color Values

HEX

#A2D583

RGB

162, 213, 131

HSL

97.3, 49.4%, 67.5%

HSV

97.3, 38.5%, 83.5%

CMYK

23.9%, 0.0%, 38.5%, 16.5%

OKLCH

0.8178 0.1218 134.4

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#A2D583

#B683D5

Analogous

#CBD583

#83D58D

#A2D583

Triadic

#A2D583

#83A2D5

#D583A2

Split Complementary

#A2D583

#8D83D5

#D583CB

Tetradic

#A2D583

#83CBD5

#B683D5

#D58D83

Color Blindness Simulation

Original

#A2D583

Protanopia

#B8B997

Deuteranopia

#B5B19C

Tritanopia

#A5A7AA

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EBF5E6
200
#D7EDCA
300
#BAE0A4
400
#95CF72
500
#70BE41
600
#5A9834
700
#487A29
800
#385F20
900
#2B461B
950
#1B2C11

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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