#AFDDAC

#AFDDAC

Color Values

HEX

#AFDDAC

RGB

175, 221, 172

HSL

116,3, 41,9%, 77,1%

HSV

116,3, 22,2%, 86,7%

CMYK

20,8%, 0,0%, 22,2%, 13,3%

OKLCH

0,8522 0,0824 143,3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#AFDDAC

#DAACDD

Analogous

#C8DDAC

#ACDDC2

#AFDDAC

Triadic

#AFDDAC

#ACAFDD

#DDACAF

Split Complementary

#AFDDAC

#C2ACDD

#DDACC8

Tetradic

#AFDDAC

#ACC8DD

#DAACDD

#DDC2AC

Color Blindness Simulation

Original

#AFDDAC

Protanopia

#C3C3B8

Deuteranopia

#C0BDBB

Tritanopia

#B1C1C3

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F4E7
200
#CEEACC
300
#ABDBA8
400
#7EC879
500
#51B54A
600
#41913B
700
#34742F
800
#285A25
900
#20431E
950
#142A13

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026