#AFED12

#AFED12

Color Values

HEX

#AFED12

RGB

175, 237, 18

HSL

77,0, 85,9%, 50,0%

HSV

77,0, 92,4%, 92,9%

CMYK

26,2%, 0,0%, 92,4%, 7,1%

OKLCH

0,8716 0,2206 126,5

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#AFED12

#5012ED

Analogous

#EDBE12

#41ED12

#AFED12

Triadic

#AFED12

#12AFED

#ED12AF

Split Complementary

#AFED12

#1241ED

#BE12ED

Tetradic

#AFED12

#12EDBE

#5012ED

#ED1241

Color Blindness Simulation

Original

#AFED12

Protanopia

#CACA47

Deuteranopia

#C6C254

Tritanopia

#B2717A

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F3FAE0
200
#E9FABD
300
#D9F68D
400
#C4F250
500
#AFED12
600
#8CBE0E
700
#70980C
800
#577709
900
#41560B
950
#293607

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,95: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