#FFFF00
Yellow
Yellow is the brightest color in the visible spectrum and the most noticeable color to the human eye. It represents sunshine, happiness, optimism, and energy.
Yellow Color Values
HEX#FFFF00
RGB255, 255, 0
HSL60°, 100%, 50%
HSV60°, 100%, 100%
CMYK0%, 0%, 100%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #FFF400 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #FFFA32 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFEEDA (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #F2F2F2 (~0.003% of population)
Yellow as Text Color
Yellow on White
1.1:1FAIL
Yellow on Light Gray
1.0:1FAIL
Yellow on Cream
1.0:1FAIL
Yellow on Dark
15.9:1AAA
Yellow on Black
19.6:1AAA
Yellow on Soft Blue
1.1:1FAIL
Yellow on Soft Green
1.0:1FAIL
Yellow on Soft Pink
1.1:1FAIL
Nearest Tailwind Class
yellow-400
#FACC15
Nearest Pantone Match
Pantone Yellow
#FEDD00
CSS Variable Export
:root {
--color-yellow: #FFFF00;
--color-yellow-rgb: 255, 255, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'yellow': '#FFFF00',
}Shades of Yellow
#FFFF00
#E0E000
#C7C700
#A8A800
#8F8F00
#707000
#575700
#383800
#1F1F00
#000000
Tints of Yellow
#FFFF00
#FFFF1F
#FFFF38
#FFFF57
#FFFF70
#FFFF8F
#FFFFA8
#FFFFC7
#FFFFE0
#FFFFFF
Color Harmonies
Complementary
#FFFF00
#0000FF
Analogous
#FF8000
#FFFF00
#80FF00
Triadic
#FFFF00
#00FFFF
#FF00FF
Yellow Text Preview
Heading in Yellow
Body text in Yellow. The quick brown fox jumps over the lazy dog.
White on Yellow
Body text on a Yellow background.
Yellow text on dark background
Contrast: 16.5:1