CSS named color
GreenYellow
#ADFF2F
HEX
#adff2fRGB
rgb(173, 255, 47)HSL
hsl(84, 100%, 59%)OKLCH
oklch(91.30% 0.2335 130.02)NAME
greenyellowPalette
Complementary
180° on the color wheelComplement
#822EFF
Analogous
±30° around the base hueLeft
#FFEA2E
Right
#43FF2E
Triadic
±120° for harmonic contrastTriad 1
#2EABFF
Triad 2
#FF2EAB
Shades
Lighter and darker variantsCSS usage
By name
color: greenyellow;
background-color: greenyellow;By HEX
color: #adff2f;
background-color: #adff2f;By RGB
color: rgb(173, 255, 47);
background-color: rgb(173, 255, 47);By HSL
color: hsl(84, 100%, 59%);
background-color: hsl(84, 100%, 59%);WCAG contrast vs white
Aa
1.23:1
Below minimum
WCAG contrast vs black
Aa
17.12:1
AAA
Related colors
FAQ — GreenYellow
What is the HEX code for GreenYellow?
The HEX code for GreenYellow is #ADFF2F. It's one of the 148 named CSS colors and can be used directly in CSS as color: greenyellow; or color: #adff2f;
What is GreenYellow in RGB?
GreenYellow in RGB is rgb(173, 255, 47) — red 173, green 255, blue 47.
What is GreenYellow in HSL?
GreenYellow in HSL is hsl(84, 100%, 59%) — hue 84°, saturation 100%, lightness 59%.
What is the complementary color of GreenYellow?
The complementary color (directly opposite GreenYellow on the color wheel) is #822EFF. The two together produce maximum contrast.
Is white text readable on GreenYellow?
The WCAG contrast ratio against white (#FFFFFF) is 1.23:1, and against black (#000000) it's 17.12:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.