#AFE3AA

#AFE3AA

Color Values

HEX

#AFE3AA

RGB

175, 227, 170

HSL

114.7, 50.4%, 77.8%

HSV

114.7, 25.1%, 89.0%

CMYK

22.9%, 0.0%, 25.1%, 11.0%

OKLCH

0.8651 0.0943 142.5

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#AFE3AA

#DEAAE3

Analogous

#CBE3AA

#AAE3C1

#AFE3AA

Triadic

#AFE3AA

#AAAFE3

#E3AAAF

Split Complementary

#AFE3AA

#C1AAE3

#E3AACB

Tetradic

#AFE3AA

#AACBE3

#DEAAE3

#E3C1AA

Color Blindness Simulation

Original

#AFE3AA

Protanopia

#C6C6B8

Deuteranopia

#C2BFBB

Tritanopia

#B2C3C5

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E7F5E6
200
#CCEDC9
300
#A8E1A3
400
#79D071
500
#4BC03F
600
#3C9933
700
#307B28
800
#256020
900
#1E461A
950
#132C11

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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