EMS Color Palette

Actions

Explore the palette in different formats, and actions.

Red

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#ffd900	rgb(255, 217, 0)	hsl(51 100% 50%)	oklab(89% -0.02 0.18)	oklch(89% 0.18 96)	color(display-p3 0.98 0.86 0.29)
	#ff4000	rgb(255, 64, 0)	hsl(15 100% 50%)	oklab(66% 0.19 0.13)	oklch(66% 0.23 35)	color(display-p3 0.92 0.32 0.16)
	#212120	rgb(33, 33, 32)	hsl(60 1.5% 13%)	oklab(25% 0 0)	oklch(25% 0 110)	color(display-p3 0.13 0.13 0.13)
	#a9e2f3	rgb(169, 226, 243)	hsl(190 76% 81%)	oklab(88% -0.05 -0.04)	oklch(88% 0.06 220)	color(display-p3 0.71 0.88 0.94)
	#a9a9f5	rgb(169, 169, 245)	hsl(240 79% 81%)	oklab(76% 0.03 -0.11)	oklch(76% 0.11 280)	color(display-p3 0.66 0.66 0.94)

 Click on a color value to copy it to your clipboard.

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



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.