Lavender Gold

#AE5922

#ffd3b5

#FDFEFF

#FCB9EE

#F7289A

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

White

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ae5922	rgb(174, 89, 34)	hsl(24 67% 41%)	hwb(24 13% 32%)	lch(47.8 56.6 54.6)	lab(47.8 32.8 46.1)	cmyk 0%, 49%, 80%, 32%
	#ffd3b5	rgb(255, 211, 181)	hsl(24 100% 85%)	hwb(24 71% 0%)	lch(87.8 24.6 58.6)	lab(87.8 12.8 21)	cmyk 0%, 17%, 29%, 0%
	#fdfeff	rgb(253, 254, 255)	hsl(210 100% 100%)	hwb(210 99% 0%)	lch(99.6 0.637 251)	lab(99.6 -0.21 -0.601)	cmyk 1%, 0%, 0%, 0%
	#fcb9ee	rgb(252, 185, 238)	hsl(310 92% 86%)	hwb(310 73% 1.2%)	lch(82.7 35.1 332)	lab(82.7 31 -16.5)	cmyk 0%, 27%, 6%, 1%
	#f7289a	rgb(247, 40, 154)	hsl(330 93% 56%)	hwb(330 16% 3.1%)	lch(56.3 79.7 354)	lab(56.3 79.2 -8.98)	cmyk 0%, 84%, 38%, 3%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#AE5922

AA - 4.93



#ffd3b5

AA - 1.37



#FDFEFF

AA - 1



#FCB9EE

AA - 1.57



#F7289A

AA - 3.66



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(55.7% 0.084 0.098), oklab(89.7% 0.036 0.053), oklab(99.7% -0.001 -0.002), oklab(86.3% 0.092 -0.045), oklab(65.1% 0.248 -0.026))

Fallback colors



background: linear-gradient(45deg, #AE5922, #ffd3b5,  #FDFEFF, #FCB9EE, #F7289A)

Colors



<!-- Primary Colors -->
<color name="lavender_gold_color_10">#AE5922</color>
<color name="lavender_gold_color_20">#ffd3b5</color>
<color name="lavender_gold_color_30"> #FDFEFF</color>
<color name="lavender_gold_color_40">#FCB9EE</color>
<color name="lavender_gold_color_50">#F7289A</color>

PWA prompt