#AFDDA8

#AFDDA8

Color Values

HEX

#AFDDA8

RGB

175, 221, 168

HSL

112.1, 43.8%, 76.3%

HSV

112.1, 24.0%, 86.7%

CMYK

20.8%, 0.0%, 24.0%, 13.3%

OKLCH

0.8513 0.0867 141.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#AFDDA8

#D6A8DD

Analogous

#CADDA8

#A8DDBC

#AFDDA8

Triadic

#AFDDA8

#A8AFDD

#DDA8AF

Split Complementary

#AFDDA8

#BCA8DD

#DDA8CA

Tetradic

#AFDDA8

#A8CADD

#D6A8DD

#DDBCA8

Color Blindness Simulation

Original

#AFDDA8

Protanopia

#C3C3B5

Deuteranopia

#C0BDB8

Tritanopia

#B1BFC1

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F4E7
200
#D0EBCC
300
#AEDDA7
400
#82CA77
500
#56B748
600
#459339
700
#37752E
800
#2B5C24
900
#22441D
950
#162B13

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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