#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