Rasberry Color Gradient

 #fbaeb8

 #cb0a33

Colors overview

 Pink

 Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#fbaeb8	rgb(251, 174, 184)	hsl(350 91% 83%)	hwb(350 68% 1.6%)	lch(78.9 30.7 12.9)	lab(78.9 30 6.88)	cmyk 0%, 31%, 27%, 2%
	#cb0a33	rgb(203, 10, 51)	hsl(350 91% 42%)	hwb(350 3.9% 20%)	lch(43.8 76.4 27.5)	lab(43.8 67.8 35.2)	cmyk 0%, 95%, 75%, 20%

 Click a color format to copy to your clipboard.

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

#fbaeb8

AA - 1.77



#cb0a33

AA - 5.78



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(82.7% 0.089 0.017), oklab(53.5% 0.198 0.075))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #fbaeb8, #cb0a33)

Colors



<resources>
    <color name="rasberry_100">#fbaeb8</color>
    <color name="rasberry_200">#cb0a33</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt