#AFDEBD

#AFDEBD

Color Values

HEX

#AFDEBD

RGB

175, 222, 189

HSL

137.9, 41.6%, 77.8%

HSV

137.9, 21.2%, 87.1%

CMYK

21.2%, 0.0%, 14.9%, 12.9%

OKLCH

0.8585 0.0668 154.2

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#AFDEBD

#DEAFD0

Analogous

#B8DEAF

#AFDED4

#AFDEBD

Triadic

#AFDEBD

#BDAFDE

#DEBDAF

Split Complementary

#AFDEBD

#D4AFDE

#DEAFB8

Tetradic

#AFDEBD

#AFB8DE

#DEAFD0

#DED4AF

Color Blindness Simulation

Original

#AFDEBD

Protanopia

#C3C4C5

Deuteranopia

#C1BDC7

Tritanopia

#B1CBCD

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F3EB
200
#CCEAD5
300
#A8DBB8
400
#79C891
500
#4AB56A
600
#3C9055
700
#307444
800
#255A35
900
#1E4329
950
#132A1A

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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