EMS

#FFD900

#FF4000

#212120

#A9E2F3

#A9A9F5

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffd900	rgb(255, 217, 0)	hsl(51 100% 50%)	hwb(51 0% 0%)	lch(88 86.9 88.7)	lab(88 1.95 86.9)	cmyk 0%, 15%, 100%, 0%
	#ff4000	rgb(255, 64, 0)	hsl(15 100% 50%)	hwb(15 0% 0%)	lch(58 100 45)	lab(58 70.7 70.7)	cmyk 0%, 75%, 100%, 0%
	#212120	rgb(33, 33, 32)	hsl(60 1.5% 13%)	hwb(60 13% 87%)	lch(12.7 0.703 105)	lab(12.7 -0.183 0.679)	cmyk 0%, 0%, 3%, 87%
	#a9e2f3	rgb(169, 226, 243)	hsl(190 76% 81%)	hwb(190 66% 4.7%)	lch(86.4 21.5 222)	lab(86.4 -15.9 -14.5)	cmyk 30%, 7%, 0%, 5%
	#a9a9f5	rgb(169, 169, 245)	hsl(240 79% 81%)	hwb(240 66% 3.9%)	lch(71.4 40.4 289)	lab(71.4 12.9 -38.3)	cmyk 31%, 31%, 0%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFD900

AA - 1.38



#FF4000

AA - 3.5



#212120

AAA - 16.11



#A9E2F3

AA - 1.41



#A9A9F5

AA - 2.16



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(89.1% -0.02 0.182), oklab(65.6% 0.192 0.132), oklab(24.7% -0.001 0.002), oklab(87.9% -0.049 -0.039), oklab(76.4% 0.025 -0.105))

Fallback colors



background: linear-gradient(45deg, #FFD900, #FF4000, #212120, #A9E2F3, #A9A9F5)

Colors



<!-- Primary Colors -->
<color name="ems_color_10">#FFD900</color>
<color name="ems_color_20">#FF4000</color>
<color name="ems_color_30">#212120</color>
<color name="ems_color_40">#A9E2F3</color>
<color name="ems_color_50">#A9A9F5</color>

PWA prompt