Canary Yellow#FFEF00
Canary Yellow Hex Code: #FFEF00
Canary Yellow is a very light, vivid yellow. Its OKLCH lightness is 94% and chroma 0.198. Text on this color reads best in black (contrast 17.60:1).
| HEX | #FFEF00 |
|---|---|
| RGB | rgb(255, 239, 0) |
| HSL | hsl(56, 100%, 50%) |
| HSV / HSB | hsv(56, 100%, 100%) |
| CMYK | cmyk(0%, 6%, 100%, 0%) |
| OKLCH | oklch(93.5% 0.198 104.7) |
Contrast
White text1.19:1
AAAA largeAAA
Black text17.60:1
AAAA largeAAA
On white1.19:1
AAAA largeAAA
On black17.60:1
AAAA largeAAA
Tints
#FFF017Lemon Yellow#FFF22ELemon Yellow#FFF345Lemon Yellow#FFF55CLemon Yellow#FFF673#FFF88A#FFF9A1#FFFBB8#FFFCCFCream#FFFDE5Light YellowShades
Matching colors
Complementary
Split complementary
Similar named colors
Code
| CSS | color: #FFEF00; |
|---|---|
| Tailwind | bg-[#ffef00] |
| SwiftUI | Color(red: 1, green: 0.937, blue: 0) |
| Android | Color.parseColor("#FFEF00") |
| Flutter | Color(0xFFFFEF00) |
Value from Wikipedia, List of colors (canary yellow). Names like Canary Yellow are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for canary yellow?
Canary Yellow is #FFEF00 in hex and rgb(255, 239, 0) in RGB.
What is canary yellow in CMYK?
With the plain conversion formula it is cmyk(0, 6, 100, 0). For print, convert with your printer's ICC profile instead.
What text color works on canary yellow?
Black text has the higher contrast at 17.60:1, which passes WCAG AA for normal text (4.5:1).