#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026