Color Mixer Generator

#aca674

#c72d17

#c07344

 Tip: Press SPACE to generate random colors and mix them

 Click a color block to copy to your clipboard.

Code



--color-1: #aca674;
--color-2: #c72d17;

 /** Using CSS color-mix() */ 
.theme-color-mix {
 color: color-mix(in srgb, var(--color-1), var(--color-2) 50%); 
 background-color: color-mix(in oklab, var(--color-1), var(--color-2) 50%); 
}



Keep in mind that some browsers may not support the color-mix() function.

Learn more about browser compatibility guide.

Colors overview

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#aca674	rgb(172, 166, 116)	hsl(54 25% 56%)	hwb(54 45% 33%)	lch(67.7 27 97.5)	lab(67.7 -3.54 26.8)	cmyk 0%, 3%, 33%, 33%
	#c72d17	rgb(199, 45, 23)	hsl(7.5 79% 44%)	hwb(7.5 9% 22%)	lch(45.1 78.5 40.5)	lab(45.1 59.7 51)	cmyk 0%, 77%, 88%, 22%
	#c07344	rgb(192, 115, 68)	hsl(23 50% 51%)	hwb(23 27% 25%)	lch(56.5 48.1 54.3)	lab(56.5 28 39.1)	cmyk 0%, 40%, 65%, 25%

 Click a color format to copy to your clipboard.

PWA prompt

Color mixer generator

Code

Colors overview