#AFDAAD

#AFDAAD

Color Values

HEX

#AFDAAD

RGB

175, 218, 173

HSL

117,3, 37,8%, 76,7%

HSV

117,3, 20,6%, 85,5%

CMYK

19,7%, 0,0%, 20,6%, 14,5%

OKLCH

0,8458 0,0764 143,7

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFDAAD

#D8ADDA

Analogous

#C6DAAD

#ADDAC2

#AFDAAD

Triadic

#AFDAAD

#ADAFDA

#DAADAF

Split Complementary

#AFDAAD

#C2ADDA

#DAADC6

Tetradic

#AFDAAD

#ADC6DA

#D8ADDA

#DAC2AD

Color Blindness Simulation

Original

#AFDAAD

Protanopia

#C2C2B8

Deuteranopia

#BFBCBA

Tritanopia

#B1C0C2

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CFE9CE
300
#ADD9AB
400
#80C47D
500
#54B04F
600
#438D3F
700
#367033
800
#2A5828
900
#214120
950
#152914

Contrast Checker

Text on white

1,56:1

AA Fail AAA Fail

Text on black

13,45: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