Raspberry Color Gradient

 #280045

 #e30f81

Colors overview

Blue

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#280045	rgb(40, 0, 69)	hsl(270 100% 14%)	hwb(270 0% 73%)	lch(7.52 45.8 312)	lab(7.52 30.7 -34)	cmyk 42%, 100%, 0%, 73%
	#e30f81	rgb(227, 15, 129)	hsl(330 88% 47%)	hwb(330 5.9% 11%)	lch(50.4 76.6 358)	lab(50.4 76.5 -3.14)	cmyk 0%, 93%, 43%, 11%

 Click a color format to copy to your clipboard.

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

#280045

AAA - 17.85



#e30f81

AA - 4.51



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 space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(22.2% 0.065 -0.096), oklab(59.9% 0.239 -0.011))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #280045, #e30f81)

Colors



<resources>
    <color name="raspberry_100">#280045</color>
    <color name="raspberry_200">#e30f81</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt