Bold combinationsHazard and highlight
Yellow and Black Color Combination
Yellow is the first color the eye notices, and black gives it the darkest possible backdrop — the pair is universally read as attention.
Hex codes #FFFF00 and #000000 — a hazard and highlight pair with a 19.56:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(255, 255, 0)
- HSL
- hsl(60, 100%, 50%)
- Hex
- #FFFF00
- RGB
- rgb(0, 0, 0)
- HSL
- hsl(0, 0%, 0%)
- Hex
- #000000
Contrast between Yellow and Black
Contrast ratio 19.56:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
Black text on a Yellow surface, at 19.56:1.
Yellow text on a Black surface, at 19.56:1.
Where this pair works
- Warning signage
- Sports kits
- Packaging accents
Give Yellow (#FFFF00) roughly 60% of the surface, Black (#000000) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.
A five-color set from this pair
Yellow and Black as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.
- Pale tint#fafae1backgrounds and large surfaces · closest to LightYellow
- Primary#FFFF00the dominant color · closest to Yellow
- Secondary#000000the accent color · closest to Black
- Deep shade#292323text, borders and icons · closest to RaisinBlack
- Neutral#f6f6f4dividers and quiet surfaces · closest to WhiteSmoke
Explore Yellow and Black on their own
Yellow
More color combinations
Black and White
#000000 · #FFFFFFMaximum clarityOpen combinationBlack and Gold
#000000 · #FFD700Luxury contrastOpen combinationBlack and Beige
#000000 · #F5F5DCWarm minimalismOpen combinationRed and Yellow
#FF0000 · #FFFF00Loud and appetisingOpen combinationRed and Black
#FF0000 · #000000Bold and decisiveOpen combinationFuchsia and Yellow
#FF00FF · #FFFF00Playful popOpen combinationYellow and Black are a hazard and highlight pair: yellow is the first color the eye notices, and black gives it the darkest possible backdrop — the pair is universally read as attention.
Frequently asked questions
Yes — this pair is used for warning signage, sports kits, packaging accents. The two colors measure 19.56:1 against each other, which is enough for body text in either direction.
Good to know
- Every value on this page is calculated from #FFFF00 and #000000 — nothing is hardcoded.
- Build a longer palette out of Yellow or Black in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn Yellow and Black into a full palette, a gradient or a set of shades — or check the pair against WCAG.
