Flowers

#B85A61

#F2D7D5

#E6B8AF

#9F8A78

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

White

Pink

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#b85a61	rgb(184, 90, 97)	hsl(360 40% 54%)	hwb(360 35% 28%)	lch(50.4 42 20.6)	lab(50.4 39.3 14.8)	cmyk 0%, 51%, 47%, 28%
	#f2d7d5	rgb(242, 215, 213)	hsl(4.1 53% 89%)	hwb(4.1 84% 5.1%)	lch(88.2 10.5 26)	lab(88.2 9.43 4.6)	cmyk 0%, 11%, 12%, 5%
	#e6b8af	rgb(230, 184, 175)	hsl(9.8 52% 79%)	hwb(9.8 69% 9.8%)	lch(78.8 19.7 34.8)	lab(78.8 16.1 11.2)	cmyk 0%, 20%, 24%, 10%
	#9f8a78	rgb(159, 138, 120)	hsl(28 17% 55%)	hwb(28 47% 38%)	lch(59 14.1 64.7)	lab(59 6.04 12.8)	cmyk 0%, 13%, 25%, 38%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#B85A61

AA - 4.49



#F2D7D5

AA - 1.35



#E6B8AF

AA - 1.77



#9F8A78

AA - 3.29



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.3% 0.116 0.035), oklab(90.1% 0.028 0.012), oklab(82.1% 0.047 0.028), oklab(64.7% 0.017 0.032))

Fallback colors



background: linear-gradient(45deg, #B85A61, #F2D7D5, #E6B8AF, #9F8A78)

Colors



<!-- Primary Colors -->
<color name="flowers_color_10">#B85A61</color>
<color name="flowers_color_20">#F2D7D5</color>
<color name="flowers_color_30">#E6B8AF</color>
<color name="flowers_color_40">#9F8A78</color>

PWA prompt