Color code and palette
Shades of Yellow
Yellow ranges from quiet cream to vivid lemon and earthy mustard. Because bright yellow carries high visual salience, it works best as a deliberate highlight paired with readable dark text.
Yellow #EAB308
Color formats
The same base color in common web formats.
HEX
#EAB308 RGB
rgb(234, 179, 8) HSL
hsl(45, 93%, 47%) OKLCH
oklch(80.0% 0.162 86.0) Yellow ranges from quiet cream to vivid lemon and earthy mustard. Because bright yellow carries high visual salience, it works best as a deliberate highlight paired with readable dark text.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Cream | #FEFCE8 | ||
| Ivory | #FEF9C3 | ||
| Lemon Light | #FEF08A | ||
| Lemon | #FDE047 | ||
| Canary | #FACC15 | ||
| Yellow | #EAB308 | ||
| Mustard | #CA8A04 | ||
| Gold Dark | #A16207 | ||
| Olive Yellow | #854D0E | ||
| Dark Yellow | #713F12 | ||
| Lime Light | #F7FEE7 | ||
| Lime Cream | #ECFCCB | ||
| Lime Pale | #D9F99D | ||
| Lime | #BEF264 | ||
| Lime Bright | #A3E635 | ||
| Chartreuse | #84CC16 | ||
| Yellow Green | #65A30D | ||
| Olive | #4D7C0F | ||
| Army Green | #3F6212 | ||
| Dark Olive | #365314 |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use yellow
01
Highlights, badges and attention cues
02
Optimistic editorial illustration
03
Warm neutral palettes with brown or navy