#AFD26F

#AFD26F

Color Values

HEX

#AFD26F

RGB

175, 210, 111

HSL

81.2, 52.4%, 62.9%

HSV

81.2, 47.1%, 82.4%

CMYK

16.7%, 0.0%, 47.1%, 17.6%

OKLCH

0.8165 0.1324 125.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFD26F

#926FD2

Analogous

#D2C36F

#7DD26F

#AFD26F

Triadic

#AFD26F

#6FAFD2

#D26FAF

Split Complementary

#AFD26F

#6F7DD2

#C36FD2

Tetradic

#AFD26F

#6FD2C3

#926FD2

#D26F7D

Color Blindness Simulation

Original

#AFD26F

Protanopia

#BEBE87

Deuteranopia

#BCBA8D

Tritanopia

#B19A9E

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#E1EEC9
300
#CBE2A2
400
#AFD26F
500
#93C23D
600
#769B31
700
#5E7C27
800
#4A611E
900
#37471A
950
#232D10

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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