CSS named color
Yellow
#FFFF00
HEX
#ffff00RGB
rgb(255, 255, 0)HSL
hsl(60, 100%, 50%)OKLCH
oklch(96.80% 0.2110 109.77)NAME
yellowPalette
Complementary
180° on the color wheelAnalogous
±30° around the base hueLeft
#FF8000
Right
#80FF00
Triadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: yellow;
background-color: yellow;By HEX
color: #ffff00;
background-color: #ffff00;By RGB
color: rgb(255, 255, 0);
background-color: rgb(255, 255, 0);By HSL
color: hsl(60, 100%, 50%);
background-color: hsl(60, 100%, 50%);WCAG contrast vs white
Aa
1.07:1
Below minimum
WCAG contrast vs black
Aa
19.56:1
AAA
Related colors
FAQ — Yellow
What is the HEX code for Yellow?
The HEX code for Yellow is #FFFF00. It's one of the 148 named CSS colors and can be used directly in CSS as color: yellow; or color: #ffff00;
What is Yellow in RGB?
Yellow in RGB is rgb(255, 255, 0) — red 255, green 255, blue 0.
What is Yellow in HSL?
Yellow in HSL is hsl(60, 100%, 50%) — hue 60°, saturation 100%, lightness 50%.
What is the complementary color of Yellow?
The complementary color (directly opposite Yellow on the color wheel) is #0000FF. The two together produce maximum contrast.
Is white text readable on Yellow?
The WCAG contrast ratio against white (#FFFFFF) is 1.07:1, and against black (#000000) it's 19.56:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.