#c39b62

#d8bfac

#d9cbc1

#b2b59e

#6c7055

Forest

#c39b62

#d8bfac

#d9cbc1

#b2b59e

#6c7055



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

Green

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#c39b62	rgb(195, 155, 98)	hsl(35 45% 57%)	hwb(35 38% 24%)	lch(66.8 37.1 74.1)	lab(66.8 10.2 35.7)	cmyk 0%, 21%, 50%, 24%
	#d8bfac	rgb(216, 191, 172)	hsl(26 36% 76%)	hwb(26 67% 15%)	lch(79.1 14.8 61.9)	lab(79.1 6.96 13)	cmyk 0%, 12%, 20%, 15%
	#d9cbc1	rgb(217, 203, 193)	hsl(25 24% 80%)	hwb(25 76% 15%)	lch(82.6 7.83 61)	lab(82.6 3.79 6.85)	cmyk 0%, 6%, 11%, 15%
	#b2b59e	rgb(178, 181, 158)	hsl(68 13% 66%)	hwb(68 62% 29%)	lch(73 12.1 110)	lab(73 -4.13 11.4)	cmyk 2%, 0%, 13%, 29%
	#6c7055	rgb(108, 112, 85)	hsl(69 14% 39%)	hwb(69 33% 56%)	lch(46.3 15.5 110)	lab(46.3 -5.31 14.5)	cmyk 4%, 0%, 24%, 56%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#c39b62

AA - 2.56



#d8bfac

AA - 1.75



#d9cbc1

AA - 1.58



#b2b59e

AA - 2.1



#6c7055

AA - 5.13



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(71.4% 0.022 0.086), oklab(82.1% 0.02 0.033), oklab(85.1% 0.011 0.018), oklab(76.4% -0.013 0.029), oklab(53.4% -0.017 0.037))

Fallback colors



background: linear-gradient(45deg, #c39b62, #d8bfac, #d9cbc1, #b2b59e, #6c7055)

Colors



<!-- Primary Colors -->
<color name="forest_color_10">#c39b62</color>
<color name="forest_color_20">#d8bfac</color>
<color name="forest_color_30">#d9cbc1</color>
<color name="forest_color_40">#b2b59e</color>
<color name="forest_color_50">#6c7055</color>

PWA prompt