#4d1f18

#873629

#af4634

#297b89

#17454c

Old Factory

#4d1f18

#873629

#af4634

#297b89

#17454c



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Brown

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#4d1f18	rgb(77, 31, 24)	hsl(7.9 52% 20%)	hwb(7.9 9.4% 70%)	lch(18.8 26.9 35.9)	lab(18.8 21.8 15.8)	cmyk 0%, 60%, 69%, 70%
	#873629	rgb(135, 54, 41)	hsl(8.3 53% 35%)	hwb(8.3 16% 47%)	lch(34.3 43.6 37.1)	lab(34.3 34.8 26.3)	cmyk 0%, 60%, 70%, 47%
	#af4634	rgb(175, 70, 52)	hsl(8.8 54% 45%)	hwb(8.8 20% 31%)	lch(44.4 54.4 38)	lab(44.4 42.9 33.5)	cmyk 0%, 60%, 70%, 31%
	#297b89	rgb(41, 123, 137)	hsl(190 54% 35%)	hwb(190 16% 46%)	lch(47.2 26.6 215)	lab(47.2 -21.8 -15.3)	cmyk 70%, 10%, 0%, 46%
	#17454c	rgb(23, 69, 76)	hsl(190 54% 19%)	hwb(190 9% 70%)	lch(26.4 16.9 213)	lab(26.4 -14.3 -9.14)	cmyk 70%, 9%, 0%, 70%

 Click a color format to copy 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