#AFFC03

#AFFC03

Color Values

HEX

#AFFC03

RGB

175, 252, 3

HSL

78.6, 97.6%, 50.0%

HSV

78.6, 98.8%, 98.8%

CMYK

30.6%, 0.0%, 98.8%, 1.2%

OKLCH

0.9062 0.2386 128.6

Properties

Cool Light Nearest: greenyellow

Color Harmonies

Complementary

#AFFC03

#5003FC

Analogous

#FCCD03

#32FC03

#AFFC03

Triadic

#AFFC03

#03AFFC

#FC03AF

Split Complementary

#AFFC03

#0332FC

#CD03FC

Tetradic

#AFFC03

#03FCCD

#5003FC

#FC0332

Color Blindness Simulation

Original

#AFFC03

Protanopia

#D0D13F

Deuteranopia

#CCC64E

Tritanopia

#B36F79

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F3FCDE
200
#E9FEB8
300
#D8FE86
400
#C4FD45
500
#AFFC03
600
#8CCA02
700
#70A102
800
#577E02
900
#415B06
950
#293904

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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