#AFD89C

#AFD89C

Color Values

HEX

#AFD89C

RGB

175, 216, 156

HSL

101,0, 43,5%, 72,9%

HSV

101,0, 27,8%, 84,7%

CMYK

19,0%, 0,0%, 27,8%, 15,3%

OKLCH

0,8377 0,092 136,0

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFD89C

#C59CD8

Analogous

#CDD89C

#9CD8A7

#AFD89C

Triadic

#AFD89C

#9CAFD8

#D89CAF

Split Complementary

#AFD89C

#A79CD8

#D89CCD

Tetradic

#AFD89C

#9CCDD8

#C59CD8

#D8A79C

Color Blindness Simulation

Original

#AFD89C

Protanopia

#C1C1AB

Deuteranopia

#BEBBAE

Tritanopia

#B1B6B8

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EBF4E7
200
#D6EBCC
300
#B8DCA7
400
#92CA78
500
#6BB748
600
#56923A
700
#45752E
800
#365B24
900
#29431D
950
#1A2B13

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,13:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Фев 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026