Old Factory

#4d1f18

#873629

#af4634

#297b89

#17454c

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Cyan

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#4d1f18	rgb(77, 31, 24)	hsl(7.9 52% 20%)	oklab(31% 0.06 0.04)	oklch(31% 0.07 31)	color(display-p3 0.28 0.13 0.1)
	#873629	rgb(135, 54, 41)	hsl(8.3 53% 35%)	oklab(44% 0.1 0.06)	oklch(44% 0.11 31)	color(display-p3 0.49 0.23 0.18)
	#af4634	rgb(175, 70, 52)	hsl(8.8 54% 45%)	oklab(53% 0.12 0.07)	oklch(53% 0.14 32)	color(display-p3 0.64 0.3 0.23)
	#297b89	rgb(41, 123, 137)	hsl(190 54% 35%)	oklab(54% -0.07 -0.04)	oklch(54% 0.08 210)	color(display-p3 0.26 0.48 0.53)
	#17454c	rgb(23, 69, 76)	hsl(190 54% 19%)	oklab(36% -0.04 -0.02)	oklch(36% 0.05 210)	color(display-p3 0.14 0.27 0.29)

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

Contrast ratios checker

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

#4d1f18

AAA - 13.77



#873629

AAA - 8.1



#af4634

AA - 5.6



#297b89

AA - 4.89



#17454c

AAA - 10.54



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(30.5% 0.062 0.036), oklab(44.3% 0.098 0.059), oklab(53.2% 0.12 0.075), oklab(54% -0.068 -0.041), oklab(36.2% -0.044 -0.025))

Fallback colors



background: linear-gradient(45deg, #4d1f18, #873629, #af4634, #297b89, #17454c)

Colors



<!-- Primary Colors -->
<color name="old_factory_color_10">#4d1f18</color>
<color name="old_factory_color_20">#873629</color>
<color name="old_factory_color_30">#af4634</color>
<color name="old_factory_color_40">#297b89</color>
<color name="old_factory_color_50">#17454c</color>

PWA prompt