Ocean Blue Color Gradient

 #5c5cff

 #59afff

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#5c5cff	rgb(92, 92, 255)	hsl(240 100% 68%)	hwb(240 36% 0%)	lch(47.1 91.3 295)	lab(47.1 38.4 -82.8)	cmyk 64%, 64%, 0%, 0%
	#59afff	rgb(89, 175, 255)	hsl(210 100% 67%)	hwb(210 35% 0%)	lch(68.8 48.9 260)	lab(68.8 -8.1 -48.2)	cmyk 65%, 31%, 0%, 0%

 Click a color format to copy to your clipboard.

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

#5c5cff

AA - 4.74



#59afff

AA - 2.33



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(57.5% 0.025 -0.234), oklab(73.5% -0.052 -0.134))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #5c5cff, #59afff)

Colors



<!-- Primary Colors -->
<color name="ocean_blue_color_10">#5c5cff</color>
<color name="ocean_blue_color_20">#59afff</color>

Gradient PRO

Pro feature only

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

PWA prompt