Yellow#FFFF00
Yellow Hex Code: #FFFF00
Yellow is a very light, vivid yellow. Its OKLCH lightness is 97% and chroma 0.211. Text on this color reads best in black (contrast 19.56:1).
| HEX | #FFFF00 |
|---|---|
| RGB | rgb(255, 255, 0) |
| HSL | hsl(60, 100%, 50%) |
| HSV / HSB | hsv(60, 100%, 100%) |
| CMYK | cmyk(0%, 0%, 100%, 0%) |
| OKLCH | oklch(96.8% 0.211 109.8) |
Contrast
White text1.07:1
AAAA largeAAA
Black text19.56:1
AAAA largeAAA
On white1.07:1
AAAA largeAAA
On black19.56:1
AAAA largeAAA
Tints
Shades
Matching colors
Complementary
Split complementary
Similar named colors
Code
| CSS | color: #FFFF00; |
|---|---|
| Tailwind | bg-[#ffff00] |
| SwiftUI | Color(red: 1, green: 1, blue: 0) |
| Android | Color.parseColor("#FFFF00") |
| Flutter | Color(0xFFFFFF00) |
Yellow is a CSS named color (yellow); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for yellow?
Yellow is #FFFF00 in hex and rgb(255, 255, 0) in RGB.
What is yellow in CMYK?
With the plain conversion formula it is cmyk(0, 0, 100, 0). For print, convert with your printer's ICC profile instead.
What text color works on yellow?
Black text has the higher contrast at 19.56:1, which passes WCAG AA for normal text (4.5:1).