#AFE1A2

#AFE1A2

Color Values

HEX

#AFE1A2

RGB

175, 225, 162

HSL

107.6, 51.2%, 75.9%

HSV

107.6, 28.0%, 88.2%

CMYK

22.2%, 0.0%, 28.0%, 11.8%

OKLCH

0.8589 0.0997 139.3

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#AFE1A2

#D4A2E1

Analogous

#CFE1A2

#A2E1B5

#AFE1A2

Triadic

#AFE1A2

#A2AFE1

#E1A2AF

Split Complementary

#AFE1A2

#B5A2E1

#E1A2CF

Tetradic

#AFE1A2

#A2CFE1

#D4A2E1

#E1B5A2

Color Blindness Simulation

Original

#AFE1A2

Protanopia

#C5C5B1

Deuteranopia

#C2BEB5

Tritanopia

#B2BDC0

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E9F5E5
200
#D1EEC9
300
#AFE1A2
400
#84D170
500
#59C13E
600
#479A32
700
#397B28
800
#2D601F
900
#23471A
950
#162D10

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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