Tulum Color Gradient

 #0b31bf

 #1debd5

Colors overview

 Blue

 Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#0b31bf	rgb(11, 49, 191)	hsl(230 89% 40%)	hwb(230 4.3% 25%)	lch(27.9 85.8 295)	lab(27.9 35.6 -78)	cmyk 94%, 74%, 0%, 25%
	#1debd5	rgb(29, 235, 213)	hsl(170 84% 52%)	hwb(170 11% 7.8%)	lch(83.9 51.5 183)	lab(83.9 -51.4 -3.11)	cmyk 88%, 0%, 9%, 8%

 Click a color format to copy to your clipboard.

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

#0b31bf

AAA - 9.52



#1debd5

AA - 1.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(41% -0.02 -0.22), oklab(84.6% -0.147 -0.007))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #0b31bf, #1debd5)

Colors



<resources>
    <color name="tulum_100">#0b31bf</color>
    <color name="tulum_200">#1debd5</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt