#462eff

#3a26d4

#2f1faa

#231780

#0c082a

Royal

#462eff

#3a26d4

#2f1faa

#231780

#0c082a



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#462eff	rgb(70, 46, 255)	hsl(250 100% 59%)	hwb(250 18% 0%)	lch(36.7 116 300)	lab(36.7 58.7 -100)	cmyk 73%, 82%, 0%, 0%
	#3a26d4	rgb(58, 38, 212)	hsl(250 70% 49%)	hwb(250 15% 17%)	lch(30.2 100 300)	lab(30.2 50.5 -86.4)	cmyk 73%, 82%, 0%, 17%
	#2f1faa	rgb(47, 31, 170)	hsl(250 69% 39%)	hwb(250 12% 33%)	lch(23.8 83.5 300)	lab(23.8 41.9 -72.3)	cmyk 72%, 82%, 0%, 33%
	#231780	rgb(35, 23, 128)	hsl(250 70% 30%)	hwb(250 9% 50%)	lch(17 66.6 300)	lab(17 33.1 -57.7)	cmyk 73%, 82%, 0%, 50%
	#0c082a	rgb(12, 8, 42)	hsl(250 68% 9.8%)	hwb(250 3.1% 84%)	lch(3.58 22.4 291)	lab(3.58 8.2 -20.9)	cmyk 71%, 81%, 0%, 84%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#462eff

AA - 6.78



#3a26d4

AAA - 8.72



#2f1faa

AAA - 11.06



#231780

AAA - 13.94



#0c082a

AAA - 19.37



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(50.2% 0.022 -0.281), oklab(43.9% 0.02 -0.243), oklab(37.7% 0.02 -0.203), oklab(31.1% 0.018 -0.162), oklab(16.7% 0.014 -0.065))

Fallback colors



background: linear-gradient(45deg, #462eff, #3a26d4, #2f1faa, #231780, #0c082a)

Colors



<!-- Primary Colors -->
<color name="royal_color_10">#462eff</color>
<color name="royal_color_20">#3a26d4</color>
<color name="royal_color_30">#2f1faa</color>
<color name="royal_color_40">#231780</color>
<color name="royal_color_50">#0c082a</color>

PWA prompt