Neon Yellow Color Gradient

 #FFB100

 #FFFF00

Colors overview

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ffb100	rgb(255, 177, 0)	hsl(42 100% 50%)	hwb(42 0% 0%)	lch(78.3 83.6 75.1)	lab(78.3 21.6 80.8)	cmyk 0%, 31%, 100%, 0%
	#ffff00	rgb(255, 255, 0)	hsl(60 100% 50%)	hwb(60 0% 0%)	lch(97.6 94.7 99.6)	lab(97.6 -15.7 93.4)	cmyk 0%, 0%, 100%, 0%

 Click a color format to copy to your clipboard.

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

#FFB100

AA - 1.81



#FFFF00

AA - 1.07



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(81.4% 0.039 0.166), oklab(96.8% -0.071 0.199))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #FFB100, #FFFF00)

Colors



<!-- Primary Colors -->
<color name="neon_yellow_color_10">#FFB100</color>
<color name="neon_yellow_color_20">#FFFF00</color>

Gradient PRO

Pro feature only

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

PWA prompt