Deep Love

Actions

Explore the gradient in different formats, and actions.

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#4539c2	rgb(69, 57, 194)	hsl(250 55% 49%)	hwb(250 22% 24%)	lch(33 80.7 298)	lab(33 37.7 -71.4)	cmyk 64%, 71%, 0%, 24%
	#1a156b	rgb(26, 21, 107)	hsl(240 67% 25%)	hwb(240 8.2% 58%)	lch(13.6 56.7 298)	lab(13.6 26.9 -49.9)	cmyk 76%, 80%, 0%, 58%

 Click a color format to copy to your clipboard.

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

#4539c2

AAA - 8.02



#1a156b

AAA - 15.4



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(45.2% 0.03 -0.201), oklab(27.7% 0.011 -0.14))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #4539c2, #1a156b)

Colors



<!-- Primary Colors -->
<color name="deep_love_color_10">#4539c2</color>
<color name="deep_love_color_20">#1a156b</color>

Gradient PRO

Pro feature only

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

PWA prompt