February

Actions

Explore the gradient in different formats, and actions.

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#c7069a	rgb(199, 6, 154)	hsl(310 94% 40%)	hwb(310 2.4% 22%)	lch(45.4 77.5 340)	lab(45.4 72.8 -26.5)	cmyk 0%, 97%, 23%, 22%
	#7a0d58	rgb(122, 13, 88)	hsl(320 81% 26%)	hwb(320 5.1% 52%)	lch(27.3 50.5 344)	lab(27.3 48.5 -14.3)	cmyk 0%, 89%, 28%, 52%

 Click a color format to copy to your clipboard.

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

#c7069a

AA - 5.35



#7a0d58

AAA - 10.36



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(55.9% 0.227 -0.074), oklab(39.2% 0.151 -0.04))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #c7069a, #7a0d58)

Colors



<!-- Primary Colors -->
<color name="february_color_10">#c7069a</color>
<color name="february_color_20">#7a0d58</color>

Gradient PRO

Pro feature only

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

PWA prompt