#F4FF81

#F7FE91

#FCFF9E

Stamina



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



HDR gradient

Switch to HDR to enhance the gradient



Quick view

Inspect colors in multiple color spaces

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f4ff81	rgb(244, 255, 129)	hsl(65 100% 75%)	hwb(65 51% 0%)	lch(97.3 60.4 106)	lab(97.3 -16.3 58.1)	cmyk 4%, 0%, 49%, 0%
	#f7fe91	rgb(247, 254, 145)	hsl(64 98% 78%)	hwb(64 57% 0.39%)	lch(97.4 52.8 105)	lab(97.4 -13.7 51)	cmyk 3%, 0%, 43%, 0%
	#fcff9e	rgb(252, 255, 158)	hsl(62 100% 81%)	hwb(62 62% 0%)	lch(98.2 47.3 104)	lab(98.2 -11.2 45.9)	cmyk 1%, 0%, 38%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F4FF81

AA - 1.07



#F7FE91

AA - 1.07



#FCFF9E

AA - 1.05



Color blindness

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

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

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.7% -0.06 0.138), oklab(96.9% -0.049 0.123), oklab(97.7% -0.041 0.112))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #F4FF81, #F7FE91, #FCFF9E)

Colors



<!-- Primary Colors -->
<color name="stamina_color_10">#F4FF81</color>
<color name="stamina_color_20">#F7FE91</color>
<color name="stamina_color_30">#FCFF9E</color>

Gradient PRO

Pro feature only

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

PWA prompt