Snapchat Color Gradient

 #fffc3b

 #FFFC00

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#fffc3b	rgb(255, 252, 59)	hsl(59 100% 62%)	hwb(59 23% 0%)	lch(96.9 85.2 99.2)	lab(96.9 -13.7 84.1)	cmyk 0%, 1%, 77%, 0%
	#fffc00	rgb(255, 252, 0)	hsl(59 100% 50%)	hwb(59 0% 0%)	lch(96.8 94 98.8)	lab(96.8 -14.4 92.9)	cmyk 0%, 1%, 100%, 0%

 Click a color format to copy to your clipboard.

Click one color card to view the complete contrast checker tests.

#fffc3b

AA - 1.09



#FFFC00

AA - 1.09



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(96.3% -0.062 0.184), oklab(96.2% -0.067 0.197))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #fffc3b, #FFFC00)

Colors



<!-- Primary Colors -->
<color name="snapchat_color_10">#fffc3b</color>
<color name="snapchat_color_20">#FFFC00</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt