#AFD28F

#AFD28F

Color Values

HEX

#AFD28F

RGB

175, 210, 143

HSL

91.3, 42.7%, 69.2%

HSV

91.3, 31.9%, 82.4%

CMYK

16.7%, 0.0%, 31.9%, 17.6%

OKLCH

0.8218 0.0974 130.7

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#AFD28F

#B28FD2

Analogous

#D1D28F

#8FD290

#AFD28F

Triadic

#AFD28F

#8FAFD2

#D28FAF

Split Complementary

#AFD28F

#908FD2

#D28FD1

Tetradic

#AFD28F

#8FD1D2

#B28FD2

#D2908F

Color Blindness Simulation

Original

#AFD28F

Protanopia

#BEBE9F

Deuteranopia

#BCBAA3

Tritanopia

#B1ACAF

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF4E7
200
#DBEBCC
300
#C1DCA8
400
#9FC978
500
#7DB649
600
#64923A
700
#50742F
800
#3F5B25
900
#30431E
950
#1E2A13

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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