#A0522D

#E97451

#F2D7D5

#B08D8F

#50404D

Altar

#A0522D

#E97451

#F2D7D5

#B08D8F

#50404D



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

Orange

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a0522d	rgb(160, 82, 45)	hsl(19 56% 40%)	hwb(19 18% 37%)	lch(44.3 47.7 49.6)	lab(44.3 30.9 36.3)	cmyk 0%, 49%, 72%, 37%
	#e97451	rgb(233, 116, 81)	hsl(14 78% 62%)	hwb(14 32% 8.6%)	lch(62.6 60.4 42.8)	lab(62.6 44.3 41.1)	cmyk 0%, 50%, 65%, 9%
	#f2d7d5	rgb(242, 215, 213)	hsl(4.1 53% 89%)	hwb(4.1 84% 5.1%)	lch(88.2 10.5 26)	lab(88.2 9.43 4.6)	cmyk 0%, 11%, 12%, 5%
	#b08d8f	rgb(176, 141, 143)	hsl(360 18% 62%)	hwb(360 55% 31%)	lch(62 14.5 16.9)	lab(62 13.9 4.23)	cmyk 0%, 20%, 19%, 31%
	#50404d	rgb(80, 64, 77)	hsl(310 11% 28%)	hwb(310 25% 69%)	lch(29.2 10.4 330)	lab(29.2 9.09 -5.15)	cmyk 0%, 20%, 4%, 69%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#A0522D

AA - 5.61



#E97451

AA - 2.96



#F2D7D5

AA - 1.35



#B08D8F

AA - 2.97



#50404D

AAA - 9.62



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(52.6% 0.082 0.081), oklab(68.9% 0.122 0.093), oklab(90.1% 0.028 0.012), oklab(67.7% 0.041 0.011), oklab(39.3% 0.027 -0.014))

Fallback colors



background: linear-gradient(45deg, #A0522D, #E97451, #F2D7D5, #B08D8F, #50404D)

Colors



<!-- Primary Colors -->
<color name="altar_color_10">#A0522D</color>
<color name="altar_color_20">#E97451</color>
<color name="altar_color_30">#F2D7D5</color>
<color name="altar_color_40">#B08D8F</color>
<color name="altar_color_50">#50404D</color>

PWA prompt