#7161EF

#957FEF

#B79CED

#DEC0F1

#EFD9CE

Royal

#7161EF

#957FEF

#B79CED

#DEC0F1

#EFD9CE



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

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#7161ef	rgb(113, 97, 239)	hsl(250 82% 66%)	hwb(250 38% 6.3%)	lch(48.9 79.5 297)	lab(48.9 35.6 -71)	cmyk 53%, 59%, 0%, 6%
	#957fef	rgb(149, 127, 239)	hsl(250 78% 72%)	hwb(250 50% 6.3%)	lch(59.1 61.3 297)	lab(59.1 28.2 -54.4)	cmyk 38%, 47%, 0%, 6%
	#b79ced	rgb(183, 156, 237)	hsl(260 69% 77%)	hwb(260 61% 7.1%)	lch(69.1 43.7 301)	lab(69.1 22.6 -37.4)	cmyk 23%, 34%, 0%, 7%
	#dec0f1	rgb(222, 192, 241)	hsl(280 64% 85%)	hwb(280 75% 5.5%)	lch(81.5 26.8 311)	lab(81.5 17.6 -20.3)	cmyk 8%, 20%, 0%, 5%
	#efd9ce	rgb(239, 217, 206)	hsl(20 51% 87%)	hwb(20 81% 6.3%)	lch(88.3 10.6 51.9)	lab(88.3 6.53 8.34)	cmyk 0%, 9%, 14%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#7161EF

AA - 4.5



#957FEF

AA - 3.2



#B79CED

AA - 2.33



#DEC0F1

AA - 1.62



#EFD9CE

AA - 1.35



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(58.6% 0.047 -0.2), oklab(66.6% 0.056 -0.152), oklab(74.7% 0.057 -0.103), oklab(84.9% 0.05 -0.055), oklab(90% 0.019 0.021))

Fallback colors



background: linear-gradient(45deg, #7161EF, #957FEF, #B79CED, #DEC0F1, #EFD9CE)

Colors



<!-- Primary Colors -->
<color name="royal_color_10">#7161EF</color>
<color name="royal_color_20">#957FEF</color>
<color name="royal_color_30">#B79CED</color>
<color name="royal_color_40">#DEC0F1</color>
<color name="royal_color_50">#EFD9CE</color>

PWA prompt