Antique

#947463

#DAA09A

#F7E7CE

#6E8E8C

#436A86

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Blue

Pink

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#947463	rgb(148, 116, 99)	hsl(21 20% 48%)	oklab(59% 0.03 0.04)	oklch(59% 0.05 49)	color(display-p3 0.56 0.46 0.4)
	#daa09a	rgb(218, 160, 154)	hsl(5.6 46% 73%)	oklab(76% 0.06 0.03)	oklch(76% 0.07 26)	color(display-p3 0.82 0.64 0.61)
	#f7e7ce	rgb(247, 231, 206)	hsl(37 72% 89%)	oklab(93% 0.01 0.04)	oklch(93% 0.04 79)	color(display-p3 0.96 0.91 0.82)
	#6e8e8c	rgb(110, 142, 140)	hsl(180 13% 49%)	oklab(62% -0.04 -0.01)	oklch(62% 0.04 190)	color(display-p3 0.46 0.55 0.55)
	#436a86	rgb(67, 106, 134)	hsl(210 33% 39%)	oklab(51% -0.03 -0.05)	oklch(51% 0.06 240)	color(display-p3 0.3 0.41 0.52)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#947463

AA - 4.25



#DAA09A

AA - 2.21



#F7E7CE

AA - 1.21



#6E8E8C

AA - 3.55



#436A86

AA - 5.76



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.6% 0.031 0.036), oklab(75.9% 0.063 0.03), oklab(93.4% 0.007 0.037), oklab(62.2% -0.035 -0.007), oklab(50.7% -0.031 -0.055))

Fallback colors



background: linear-gradient(45deg, #947463, #DAA09A, #F7E7CE, #6E8E8C, #436A86)

Colors



<!-- Primary Colors -->
<color name="antique_color_10">#947463</color>
<color name="antique_color_20">#DAA09A</color>
<color name="antique_color_30">#F7E7CE</color>
<color name="antique_color_40">#6E8E8C</color>
<color name="antique_color_50">#436A86</color>

PWA prompt