#592E2F

#894939

#C87A4B

#F0B268

#FADAA0

Grand Canyon

Actions

Explore the gradient in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#592e2f	rgb(89, 46, 47)	hsl(360 32% 26%)	hwb(360 18% 65%)	lch(24.8 21.9 23)	lab(24.8 20.2 8.56)	cmyk 0%, 48%, 47%, 65%
	#894939	rgb(137, 73, 57)	hsl(12 41% 38%)	hwb(12 22% 46%)	lch(38.9 34.7 39.8)	lab(38.9 26.6 22.2)	cmyk 0%, 47%, 58%, 46%
	#c87a4b	rgb(200, 122, 75)	hsl(23 53% 54%)	hwb(23 29% 22%)	lch(59.2 47.9 54.1)	lab(59.2 28.1 38.8)	cmyk 0%, 39%, 62%, 22%
	#f0b268	rgb(240, 178, 104)	hsl(33 82% 67%)	hwb(33 41% 5.9%)	lch(77.4 49.8 69.4)	lab(77.4 17.5 46.6)	cmyk 0%, 26%, 57%, 6%
	#fadaa0	rgb(250, 218, 160)	hsl(39 90% 80%)	hwb(39 63% 2%)	lch(88.8 33.4 80.3)	lab(88.8 5.62 32.9)	cmyk 0%, 13%, 36%, 2%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#592E2F

AAA - 11.31



#894939

AA - 6.82



#C87A4B

AA - 3.31



#F0B268

AA - 1.86



#FADAA0

AA - 1.34



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(35.7% 0.059 0.021), oklab(48% 0.075 0.052), oklab(65.4% 0.073 0.09), oklab(80.6% 0.04 0.109), oklab(90.2% 0.011 0.081))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #592E2F, #894939, #C87A4B, #F0B268, #FADAA0)

Colors



<!-- Primary Colors -->
<color name="grand_canyon_color_10">#592E2F</color>
<color name="grand_canyon_color_20">#894939</color>
<color name="grand_canyon_color_30">#C87A4B</color>
<color name="grand_canyon_color_40">#F0B268</color>
<color name="grand_canyon_color_50">#FADAA0</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt