Royal Tomato

#ff462e

#ff9276

#c7ffcd

#462eff

#170f55

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Blue

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff462e	rgb(255, 70, 46)	hsl(6.9 100% 59%)	hwb(6.9 18% 0%)	lch(58.8 89.4 39.1)	lab(58.8 69.3 56.4)	cmyk 0%, 73%, 82%, 0%
	#ff9276	rgb(255, 146, 118)	hsl(12 100% 73%)	hwb(12 46% 0%)	lch(72.2 52.4 40)	lab(72.2 40.1 33.7)	cmyk 0%, 43%, 54%, 0%
	#c7ffcd	rgb(199, 255, 205)	hsl(130 100% 89%)	hwb(130 78% 0%)	lch(95.2 31.1 145)	lab(95.2 -25.4 18)	cmyk 22%, 0%, 20%, 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%
	#170f55	rgb(23, 15, 85)	hsl(250 70% 20%)	hwb(250 5.9% 67%)	lch(9.67 47.8 299)	lab(9.67 23.4 -41.7)	cmyk 73%, 82%, 0%, 67%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff462e

AA - 3.4



#ff9276

AA - 2.18



#c7ffcd

AA - 1.12



#462eff

AA - 6.78



#170f55

AAA - 16.99



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(66.3% 0.193 0.115), oklab(77% 0.113 0.08), oklab(94.9% -0.074 0.047), oklab(50.2% 0.022 -0.281), oklab(24% 0.016 -0.117))

Fallback colors



background: linear-gradient(45deg, #ff462e, #ff9276, #c7ffcd, #462eff, #170f55)

Colors



<!-- Primary Colors -->
<color name="royal_tomato_color_10">#ff462e</color>
<color name="royal_tomato_color_20">#ff9276</color>
<color name="royal_tomato_color_30">#c7ffcd</color>
<color name="royal_tomato_color_40">#462eff</color>
<color name="royal_tomato_color_50">#170f55</color>

PWA prompt