#AFD827

#AFD827

Color Values

HEX

#AFD827

RGB

175, 216, 39

HSL

73.9, 69.4%, 50.0%

HSV

73.9, 81.9%, 84.7%

CMYK

19.0%, 0.0%, 81.9%, 15.3%

OKLCH

0.8238 0.1918 122.8

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#AFD827

#5027D8

Analogous

#D8A827

#57D827

#AFD827

Triadic

#AFD827

#27AFD8

#D827AF

Split Complementary

#AFD827

#2757D8

#A827D8

Tetradic

#AFD827

#27D8A8

#5027D8

#D82757

Color Blindness Simulation

Original

#AFD827

Protanopia

#C1C152

Deuteranopia

#BEBB5C

Tritanopia

#B1747B

Achromatopsia

#C3C3C3

CSS Usage

background-color: #AFD827;
color: #AFD827;
border-color: #AFD827;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFCF3
100
#F3F8E3
200
#E9F4C3
300
#D9EC97
400
#C4E25F
500
#AFD827
600
#8CAD1F
700
#708A19
800
#576C14
900
#414F12
950
#29320B

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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