#AFEDB1

#AFEDB1

Color Values

HEX

#AFEDB1

RGB

175, 237, 177

HSL

121.9, 63.3%, 80.8%

HSV

121.9, 26.2%, 92.9%

CMYK

26.2%, 0.0%, 25.3%, 7.1%

OKLCH

0.8888 0.1029 145.4

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#AFEDB1

#EDAFEB

Analogous

#CCEDAF

#AFEDD0

#AFEDB1

Triadic

#AFEDB1

#B1AFED

#EDB1AF

Split Complementary

#AFEDB1

#D0AFED

#EDAFCC

Tetradic

#AFEDB1

#AFCCED

#EDAFEB

#EDD0AF

Color Blindness Simulation

Original

#AFEDB1

Protanopia

#CACAC0

Deuteranopia

#C6C2C3

Tritanopia

#B2CBCE

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F3FBF3
100
#E4F7E4
200
#C5F2C6
300
#9BE99E
400
#65DC69
500
#2FD034
600
#25A72A
700
#1E8521
800
#17681A
900
#154C17
950
#0D300E

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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