#A2C593

#A2C593

Color Values

HEX

#A2C593

RGB

162, 197, 147

HSL

102.0, 30.1%, 67.5%

HSV

102.0, 25.4%, 77.3%

CMYK

17.8%, 0.0%, 25.4%, 22.7%

OKLCH

0.7847 0.0786 136.4

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#A2C593

#B693C5

Analogous

#BBC593

#93C59D

#A2C593

Triadic

#A2C593

#93A2C5

#C593A2

Split Complementary

#A2C593

#9D93C5

#C593BB

Tetradic

#A2C593

#93BBC5

#B693C5

#C59D93

Color Blindness Simulation

Original

#A2C593

Protanopia

#B1B19F

Deuteranopia

#AFACA2

Tritanopia

#A4A9AB

Achromatopsia

#BABABA

CSS Usage

background-color: #A2C593;
color: #A2C593;
border-color: #A2C593;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F7F9F5
100
#EBF2E9
200
#D7E6D1
300
#BAD4AF
400
#95BD84
500
#70A659
600
#5A8547
700
#486A39
800
#38532D
900
#2B3E23
950
#1B2716

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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