HEX #FFCC22 color — Lightning Yellow
The color #FFCC22 is a light shade and highly saturated.
Palette
FFCC22 color palette from light to dark
HEX |
RGB |
HSL |
#fffbf0 |
rgb(255,251,240) |
hsl(46,100%,97%) |
#fff5d6 |
rgb(255,245,214) |
hsl(46,100%,92%) |
#fff0bd |
rgb(255,240,189) |
hsl(46,100%,87%) |
#ffeaa3 |
rgb(255,234,163) |
hsl(46,100%,82%) |
#ffe48a |
rgb(255,228,138) |
hsl(46,100%,77%) |
#ffde70 |
rgb(255,222,112) |
hsl(46,100%,72%) |
#ffd857 |
rgb(255,216,87) |
hsl(46,100%,67%) |
#ffd23d |
rgb(255,210,61) |
hsl(46,100%,62%) |
#ffcc24 |
rgb(255,204,36) |
hsl(46,100%,57%) |
#ffc60a |
rgb(255,198,10) |
hsl(46,100%,52%) |
#f0b800 |
rgb(240,184,0) |
hsl(46,100%,47%) |
#d6a400 |
rgb(214,164,0) |
hsl(46,100%,42%) |
#bd9100 |
rgb(189,145,0) |
hsl(46,100%,37%) |
#a37d00 |
rgb(163,125,0) |
hsl(46,100%,32%) |
#8a6a00 |
rgb(138,106,0) |
hsl(46,100%,27%) |
#705600 |
rgb(112,86,0) |
hsl(46,100%,22%) |
#574200 |
rgb(87,66,0) |
hsl(46,100%,17%) |
#3d2f00 |
rgb(61,47,0) |
hsl(46,100%,12%) |
#241b00 |
rgb(36,27,0) |
hsl(46,100%,7%) |
#0a0800 |
rgb(10,8,0) |
hsl(46,100%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#FF3822 |
rgb(255,56,34) |
hsl(6,100%,57%) |
#FFCC22 |
rgb(255,204,34) |
hsl(46,100%,57%) |
#9EFF22 |
rgb(158,255,34) |
hsl(86,100%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFE07E |
rgb(255,224,126) |
hsl(46,100%,75%) |
#FFD650 |
rgb(255,214,80) |
hsl(46,100%,66%) |
#FFCC22 |
rgb(255,204,34) |
hsl(46,100%,57%) |
#F2BA00 |
rgb(242,186,0) |
hsl(46,100%,47%) |
#C49600 |
rgb(196,150,0) |
hsl(46,100%,38%) |
#967300 |
rgb(150,115,0) |
hsl(46,100%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#FFCC22 |
rgb(255,204,34) |
hsl(46,100%,57%) |
#22C4FF |
rgb(34,196,255) |
hsl(196,100%,57%) |
#5D21FF |
rgb(93,33,255) |
hsl(256,100%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#FFCC22 |
rgb(255,204,34) |
hsl(46,100%,57%) |
#2254FF |
rgb(34,84,255) |
hsl(226,100%,57%) |
#FF5E22 |
rgb(255,94,34) |
hsl(16,100%,57%) |
#5D21FF |
rgb(93,33,255) |
hsl(256,100%,56%) |