#A2FDC3

#A2FDC3

Color Values

HEX

#A2FDC3

RGB

162, 253, 195

HSL

141.8, 95.8%, 81.4%

HSV

141.8, 36.0%, 99.2%

CMYK

36.0%, 0.0%, 22.9%, 0.8%

OKLCH

0.9216 0.1186 155.3

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#A2FDC3

#FDA2DC

Analogous

#AFFDA2

#A2FDF1

#A2FDC3

Triadic

#A2FDC3

#C3A2FD

#FDC3A2

Split Complementary

#A2FDC3

#F1A2FD

#FDA2AF

Tetradic

#A2FDC3

#A2AFFD

#FDA2DC

#FDF1A2

Color Blindness Simulation

Original

#A2FDC3

Protanopia

#C9CAD1

Deuteranopia

#C4BDD4

Tritanopia

#A7DCDF

Achromatopsia

#E5E5E5

CSS Usage

background-color: #A2FDC3;
color: #A2FDC3;
border-color: #A2FDC3;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FEF6
100
#DFFCE9
200
#B9FED2
300
#87FCB2
400
#46FB88
500
#05FA5E
600
#04C84B
700
#03A03C
800
#037D2F
900
#075A25
950
#043917

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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