Bright Color Gradient

 #d52beb

 #eb2ba1

 #eb2b41

Colors overview

 Pink

 Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#d52beb	rgb(213, 43, 235)	hsl(290 83% 55%)	hwb(290 17% 7.8%)	lch(53.6 99.1 322)	lab(53.6 78.6 -60.4)	cmyk 9%, 82%, 0%, 8%
	#eb2ba1	rgb(235, 43, 161)	hsl(320 83% 55%)	hwb(320 17% 7.8%)	lch(54.4 77.9 348)	lab(54.4 76.2 -16.1)	cmyk 0%, 82%, 31%, 8%
	#eb2b41	rgb(235, 43, 65)	hsl(350 83% 55%)	hwb(350 17% 7.8%)	lch(52.4 81.1 28.4)	lab(52.4 71.3 38.6)	cmyk 0%, 82%, 72%, 8%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#d52beb

AA - 3.9



#eb2ba1

AA - 3.89



#eb2b41

AA - 4.23



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 space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(64% 0.221 -0.169), oklab(63.6% 0.238 -0.045), oklab(61% 0.207 0.083))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #d52beb, #eb2ba1, #eb2b41)

Colors



<resources>
    <color name="bright_100">#d52beb</color>
    <color name="bright_200">#eb2ba1</color>
    <color name="bright_300">#eb2b41</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt