#6F2005

#C25A17

#FAF0E5

#B5A29E

#44260F

Fox

#6F2005

#C25A17

#FAF0E5

#B5A29E

#44260F



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
	#6f2005	rgb(111, 32, 5)	hsl(15 91% 23%)	hwb(15 2% 56%)	lch(25.5 49.3 45.4)	lab(25.5 34.6 35.1)	cmyk 0%, 71%, 95%, 56%
	#c25a17	rgb(194, 90, 23)	hsl(24 79% 43%)	hwb(24 9% 24%)	lch(51.1 67.8 53.7)	lab(51.1 40.1 54.6)	cmyk 0%, 54%, 88%, 24%
	#faf0e5	rgb(250, 240, 229)	hsl(31 68% 94%)	hwb(31 90% 2%)	lch(95.4 6.92 72.2)	lab(95.4 2.11 6.6)	cmyk 0%, 4%, 8%, 2%
	#b5a29e	rgb(181, 162, 158)	hsl(10 13% 66%)	hwb(10 62% 29%)	lch(68.2 8.18 35.5)	lab(68.2 6.66 4.75)	cmyk 0%, 10%, 13%, 29%
	#44260f	rgb(68, 38, 15)	hsl(26 64% 16%)	hwb(26 5.9% 73%)	lch(18.8 24.6 58.5)	lab(18.8 12.8 20.9)	cmyk 0%, 44%, 78%, 73%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#6F2005

AAA - 11.14



#C25A17

AA - 4.4



#FAF0E5

AA - 1.12



#B5A29E

AA - 2.43



#44260F

AAA - 13.72



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(36.7% 0.093 0.07), oklab(58.8% 0.103 0.112), oklab(96% 0.006 0.017), oklab(72.8% 0.02 0.012), oklab(30.2% 0.032 0.047))

Fallback colors



background: linear-gradient(45deg, #6F2005, #C25A17, #FAF0E5, #B5A29E, #44260F)

Colors



<!-- Primary Colors -->
<color name="fox_color_10">#6F2005</color>
<color name="fox_color_20">#C25A17</color>
<color name="fox_color_30">#FAF0E5</color>
<color name="fox_color_40">#B5A29E</color>
<color name="fox_color_50">#44260F</color>

PWA prompt