#2403fc

#2500c3

#1e028c

#140459

#08032b

Beyond

Actions

Explore the gradient in different formats, and actions.

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2403fc	rgb(36, 3, 252)	hsl(250 98% 50%)	hwb(250 1.2% 1.2%)	lch(30.3 128 302)	lab(30.3 67.7 -109)	cmyk 86%, 99%, 0%, 1%
	#2500c3	rgb(37, 0, 195)	hsl(250 100% 38%)	hwb(250 0% 24%)	lch(22.7 106 302)	lab(22.7 56.6 -89)	cmyk 81%, 100%, 0%, 24%
	#1e028c	rgb(30, 2, 140)	hsl(250 97% 28%)	hwb(250 0.78% 45%)	lch(15.1 81.4 303)	lab(15.1 43.9 -68.5)	cmyk 79%, 99%, 0%, 45%
	#140459	rgb(20, 4, 89)	hsl(250 91% 18%)	hwb(250 1.6% 65%)	lch(7.66 56.5 302)	lab(7.66 30.2 -47.7)	cmyk 78%, 96%, 0%, 65%
	#08032b	rgb(8, 3, 43)	hsl(250 87% 9%)	hwb(250 1.2% 83%)	lch(2.4 25.3 292)	lab(2.4 9.3 -23.5)	cmyk 81%, 93%, 0%, 83%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2403fc

AAA - 8.42



#2500c3

AAA - 11.24



#1e028c

AAA - 14.55



#140459

AAA - 17.62



#08032b

AAA - 19.84



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 color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(45.7% -0.012 -0.304), oklab(38.1% 0.004 -0.248), oklab(30.4% 0.012 -0.191), oklab(22.8% 0.015 -0.134), oklab(15.1% 0.013 -0.077))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #2403fc, #2500c3, #1e028c, #140459, #08032b)

Colors



<!-- Primary Colors -->
<color name="beyond_color_10">#2403fc</color>
<color name="beyond_color_20">#2500c3</color>
<color name="beyond_color_30">#1e028c</color>
<color name="beyond_color_40">#140459</color>
<color name="beyond_color_50">#08032b</color>

Gradient PRO

Pro feature only

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

PWA prompt