#AFDCB2

#AFDCB2

Color Values

HEX

#AFDCB2

RGB

175, 220, 178

HSL

124.0, 39.1%, 77.5%

HSV

124.0, 20.5%, 86.3%

CMYK

20.5%, 0.0%, 19.1%, 13.7%

OKLCH

0.8514 0.0744 146.6

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFDCB2

#DCAFD9

Analogous

#C3DCAF

#AFDCC9

#AFDCB2

Triadic

#AFDCB2

#B2AFDC

#DCB2AF

Split Complementary

#AFDCB2

#C9AFDC

#DCAFC3

Tetradic

#AFDCB2

#AFC3DC

#DCAFD9

#DCC9AF

Color Blindness Simulation

Original

#AFDCB2

Protanopia

#C2C3BC

Deuteranopia

#C0BCBF

Tritanopia

#B1C4C6

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9CF
300
#AADAAD
400
#7CC681
500
#4EB154
600
#3E8E43
700
#327236
800
#27592A
900
#1F4122
950
#142915

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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