Industrial Color Palette

Actions

Explore the palette in different formats, and actions.

Yellow

Black

Grey

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#ffd166	rgb(255, 209, 102)	hsl(42 100% 70%)	oklab(88% 0.01 0.13)	oklch(88% 0.13 86)	color(display-p3 0.97 0.83 0.47)
	#808080	rgb(128, 128, 128)	hsl(none 0% 50%)	oklab(60% 0 0)	oklch(60% 0 none)	color(display-p3 0.5 0.5 0.5)
	#545454	rgb(84, 84, 84)	hsl(none 0% 33%)	oklab(45% 0 0)	oklch(45% 0 none)	color(display-p3 0.33 0.33 0.33)
	#212121	rgb(33, 33, 33)	hsl(none 0% 13%)	oklab(25% 0 0)	oklch(25% 0 none)	color(display-p3 0.13 0.13 0.13)

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

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

#FFD166

AA - 1.44



#808080

AA - 3.94



#545454

AAA - 7.57



#212121

AAA - 16.1



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.