#AFDCA7

#AFDCA7

Color Values

HEX

#AFDCA7

RGB

175, 220, 167

HSL

110.9, 43.1%, 75.9%

HSV

110.9, 24.1%, 86.3%

CMYK

20.5%, 0.0%, 24.1%, 13.7%

OKLCH

0.8489 0.0862 140.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#AFDCA7

#D4A7DC

Analogous

#CADCA7

#A7DCBA

#AFDCA7

Triadic

#AFDCA7

#A7AFDC

#DCA7AF

Split Complementary

#AFDCA7

#BAA7DC

#DCA7CA

Tetradic

#AFDCA7

#A7CADC

#D4A7DC

#DCBAA7

Color Blindness Simulation

Original

#AFDCA7

Protanopia

#C2C3B4

Deuteranopia

#C0BCB7

Tritanopia

#B1BEC0

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E9F4E7
200
#D1EBCC
300
#AFDCA7
400
#84C978
500
#59B649
600
#47923A
700
#39752E
800
#2D5B24
900
#23431E
950
#162A13

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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