Catrina Color Gradient

 #53197b

 #7a3cc3

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#53197b	rgb(83, 25, 123)	hsl(280 66% 29%)	hwb(280 9.8% 52%)	lch(23.1 59.7 312)	lab(23.1 40 -44.3)	cmyk 33%, 80%, 0%, 52%
	#7a3cc3	rgb(122, 60, 195)	hsl(270 53% 50%)	hwb(270 24% 24%)	lch(39.4 77.3 308)	lab(39.4 47.3 -61.2)	cmyk 37%, 69%, 0%, 24%

 Click a color format to copy to your clipboard.

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

#53197b

AAA - 11.71



#7a3cc3

AA - 6.43



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(36.1% 0.094 -0.124), oklab(50.7% 0.101 -0.172))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #53197b, #7a3cc3)

Colors



<!-- Primary Colors -->
<color name="catrina_color_10">#53197b</color>
<color name="catrina_color_20">#7a3cc3</color>

Gradient PRO

Pro feature only

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

PWA prompt