#D2691E

#BC5A1A

#A64B16

#903C12

Turkey

Actions

Explore the gradient in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#d2691e	rgb(210, 105, 30)	hsl(25 75% 47%)	hwb(25 12% 18%)	lch(56.6 69.7 55.7)	lab(56.6 39.2 57.6)	cmyk 0%, 50%, 86%, 18%
	#bc5a1a	rgb(188, 90, 26)	hsl(24 76% 42%)	hwb(24 10% 26%)	lch(50.2 64.6 54.2)	lab(50.2 37.8 52.4)	cmyk 0%, 52%, 86%, 26%
	#a64b16	rgb(166, 75, 22)	hsl(22 77% 37%)	hwb(22 8.6% 35%)	lch(43.6 59.4 52.4)	lab(43.6 36.3 47)	cmyk 0%, 55%, 87%, 35%
	#903c12	rgb(144, 60, 18)	hsl(20 78% 32%)	hwb(20 7.1% 44%)	lch(36.9 54.2 50.1)	lab(36.9 34.7 41.6)	cmyk 0%, 58%, 88%, 44%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#D2691E

AA - 3.63



#BC5A1A

AA - 4.54



#A64B16

AA - 5.77



#903C12

AAA - 7.39



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(63.4% 0.099 0.119), oklab(57.9% 0.096 0.108), oklab(52.2% 0.094 0.097), oklab(46.4% 0.091 0.086))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #D2691E, #BC5A1A, #A64B16, #903C12)

Colors



<!-- Primary Colors -->
<color name="turkey_color_10">#D2691E</color>
<color name="turkey_color_20">#BC5A1A</color>
<color name="turkey_color_30">#A64B16</color>
<color name="turkey_color_40">#903C12</color>

Gradient PRO

Pro feature only

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

PWA prompt