Royal Deep

#ff2ebd

#462eff

#bd9fff

#d1ffbf

#6aff2e

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Green

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff2ebd	rgb(255, 46, 189)	hsl(320 100% 59%)	hwb(320 18% 0%)	lch(59.2 86.1 343)	lab(59.2 82.5 -24.7)	cmyk 0%, 82%, 26%, 0%
	#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%
	#bd9fff	rgb(189, 159, 255)	hsl(260 100% 81%)	hwb(260 62% 0%)	lch(71 51.3 301)	lab(71 26.1 -44.1)	cmyk 26%, 38%, 0%, 0%
	#d1ffbf	rgb(209, 255, 191)	hsl(100 100% 87%)	hwb(100 75% 0%)	lch(95.6 35 133)	lab(95.6 -23.7 25.7)	cmyk 18%, 0%, 25%, 0%
	#6aff2e	rgb(106, 255, 46)	hsl(100 100% 59%)	hwb(100 18% 0%)	lch(89.4 101 131)	lab(89.4 -66 77)	cmyk 58%, 0%, 82%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff2ebd

AA - 3.29



#462eff

AA - 6.78



#bd9fff

AA - 2.19



#d1ffbf

AA - 1.11



#6aff2e

AA - 1.31



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(68.1% 0.257 -0.069), oklab(50.2% 0.022 -0.281), oklab(76.6% 0.063 -0.122), oklab(95.2% -0.071 0.066), oklab(88.4% -0.2 0.173))

Fallback colors



background: linear-gradient(45deg, #ff2ebd, #462eff, #bd9fff, #d1ffbf, #6aff2e)

Colors



<!-- Primary Colors -->
<color name="royal_deep_color_10">#ff2ebd</color>
<color name="royal_deep_color_20">#462eff</color>
<color name="royal_deep_color_30">#bd9fff</color>
<color name="royal_deep_color_40">#d1ffbf</color>
<color name="royal_deep_color_50">#6aff2e</color>

PWA prompt