#AFD57C

#AFD57C

Color Values

HEX

#AFD57C

RGB

175, 213, 124

HSL

85.6, 51.4%, 66.1%

HSV

85.6, 41.8%, 83.5%

CMYK

17.8%, 0.0%, 41.8%, 16.5%

OKLCH

0.8252 0.123 127.7

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFD57C

#A27CD5

Analogous

#D5CE7C

#83D57C

#AFD57C

Triadic

#AFD57C

#7CAFD5

#D57CAF

Split Complementary

#AFD57C

#7C83D5

#CE7CD5

Tetradic

#AFD57C

#7CD5CE

#A27CD5

#D57C83

Color Blindness Simulation

Original

#AFD57C

Protanopia

#BFC092

Deuteranopia

#BDBA97

Tritanopia

#B1A3A6

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DEEEC9
300
#C6E1A2
400
#A8D170
500
#89C13E
600
#6E9A32
700
#587C28
800
#45611F
900
#34471A
950
#212D10

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.63:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026