Flowers

#B85A61

#F2D7D5

#E6B8AF

#9F8A78

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

White

Pink

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#b85a61	rgb(184, 90, 97)	hsl(360 40% 54%)	oklab(58% 0.12 0.04)	oklch(58% 0.12 17)	color(display-p3 0.67 0.37 0.39)
	#f2d7d5	rgb(242, 215, 213)	hsl(4.1 53% 89%)	oklab(90% 0.03 0.01)	oklch(90% 0.03 23)	color(display-p3 0.93 0.85 0.84)
	#e6b8af	rgb(230, 184, 175)	hsl(9.8 52% 79%)	oklab(82% 0.05 0.03)	oklch(82% 0.06 31)	color(display-p3 0.87 0.73 0.69)
	#9f8a78	rgb(159, 138, 120)	hsl(28 17% 55%)	oklab(65% 0.02 0.03)	oklch(65% 0.04 63)	color(display-p3 0.61 0.54 0.48)

 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.

#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