yellowwarmCSS named color
Yellow #FFFF00
Pure yellow; maximum brightness in the RGB cube and a classic attention color.
Use cases: Highlights · Warnings
Color values
| Format | Value | |
|---|---|---|
| HEX | #FFFF00 | |
| RGB | rgb(255, 255, 0) | |
| HSL | hsl(60, 100%, 50%) | |
| HSV | hsv(60, 100%, 100%) | |
| CMYK | cmyk(0%, 0%, 100%, 0%) | |
| XYZ | xyz(77.0033, 92.7825, 13.8526) | |
| CIE-LAB | lab(97.1, -21.6, 94.5) | |
| Luminance | 0.928 (WCAG relative) |
/* Yellow */
color: #ffff00;
background-color: #ffff00;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#e6e600 #cccc00 #b3b300 #999900 #808000 #666600 #4d4d00 #333300 #1a1a00 #000000
Tints (toward white)
#ffff1a #ffff33 #ffff4d #ffff66 #ffff80 #ffff99 #ffffb3 #ffffcc #ffffe6 #ffffff
Tones (toward gray)
#f2f20d #e6e61a #d9d926 #cccc33 #c0c040 #b3b34d #a6a65a #999966 #8d8d73 #808080
Color harmonies
Complementary
Edit in generator →#FFFF00
#0000FF
#ffff00 #0000ff
Analogous
Edit in generator →#FF8000
#FFFF00
#80FF00
#ff8000 #ffff00 #80ff00
Triadic
Edit in generator →#FFFF00
#00FFFF
#FF00FF
#ffff00 #00ffff #ff00ff
Tetradic
Edit in generator →#FFFF00
#00FF80
#0000FF
#FF0080
#ffff00 #00ff80 #0000ff #ff0080
Split Complementary
Edit in generator →#FFFF00
#007FFF
#7F00FF
#ffff00 #007fff #7f00ff
Monochromatic
Edit in generator →#858500
#C2C200
#FFFF00
#FFFF3D
#FFFF7A
#858500 #c2c200 #ffff00 #ffff3d #ffff7a
Accessibility & contrast
1.07
#FFFF00 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
19.56
#FFFF00 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on yellow
19.56
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Lemon #FFF700 | 2.10 | |
| Banana #FFE135 | 8.84 | |
| Gold #FFD700 | 11.58 | |
| Vanilla #F3E5AB | 17.94 | |
| Chartreuse #7FFF00 | 18.57 | |
| Mustard #DBB42C | 19.13 |
Related colors
Palettes with yellow
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.