Vintage

#997616

#dec266

#ebe1bf

#71b4d6

#447996

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#997616	rgb(153, 118, 22)	hsl(44 75% 34%)	hwb(44 8.6% 40%)	lch(52 53.2 81.6)	lab(52 7.74 52.6)	cmyk 0%, 23%, 86%, 40%
	#dec266	rgb(222, 194, 102)	hsl(46 65% 64%)	hwb(46 40% 13%)	lch(79.5 49.5 87.7)	lab(79.5 2.01 49.5)	cmyk 0%, 13%, 54%, 13%
	#ebe1bf	rgb(235, 225, 191)	hsl(46 52% 84%)	hwb(46 75% 7.8%)	lch(89.7 18 91.6)	lab(89.7 -0.498 18)	cmyk 0%, 4%, 19%, 8%
	#71b4d6	rgb(113, 180, 214)	hsl(200 55% 64%)	hwb(200 44% 16%)	lch(69.8 28.7 238)	lab(69.8 -15.2 -24.3)	cmyk 47%, 16%, 0%, 16%
	#447996	rgb(68, 121, 150)	hsl(200 38% 43%)	hwb(200 27% 41%)	lch(48.1 24.6 241)	lab(48.1 -11.8 -21.5)	cmyk 55%, 19%, 0%, 41%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#997616

AA - 4.23



#dec266

AA - 1.74



#ebe1bf

AA - 1.3



#71b4d6

AA - 2.28



#447996

AA - 4.74



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(58.5% 0.007 0.113), oklab(81.9% -0.006 0.116), oklab(90.9% -0.003 0.046), oklab(73.8% -0.052 -0.066), oklab(55.1% -0.042 -0.059))

Fallback colors



background: linear-gradient(45deg, #997616, #dec266, #ebe1bf, #71b4d6, #447996)

Colors



<!-- Primary Colors -->
<color name="vintage_color_10">#997616</color>
<color name="vintage_color_20">#dec266</color>
<color name="vintage_color_30">#ebe1bf</color>
<color name="vintage_color_40">#71b4d6</color>
<color name="vintage_color_50">#447996</color>

PWA prompt