#AFDA7B

#AFDA7B

Color Values

HEX

#AFDA7B

RGB

175, 218, 123

HSL

87.2, 56.2%, 66.9%

HSV

87.2, 43.6%, 85.5%

CMYK

19.7%, 0.0%, 43.6%, 14.5%

OKLCH

0.8363 0.1314 128.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFDA7B

#A67BDA

Analogous

#DAD67B

#80DA7B

#AFDA7B

Triadic

#AFDA7B

#7BAFDA

#DA7BAF

Split Complementary

#AFDA7B

#7B80DA

#D67BDA

Tetradic

#AFDA7B

#7BDAD6

#A67BDA

#DA7B80

Color Blindness Simulation

Original

#AFDA7B

Protanopia

#C2C292

Deuteranopia

#BFBC98

Tritanopia

#B1A4A8

Achromatopsia

#CACACA

CSS Usage

background-color: #AFDA7B;
color: #AFDA7B;
border-color: #AFDA7B;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FBF4
100
#EEF6E5
200
#DDEFC7
300
#C5E49F
400
#A6D66C
500
#86C738
600
#6B9F2D
700
#567F24
800
#43641C
900
#334918
950
#202E0F

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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