Watermelon

#470216

#91052f

#c2073f

#058f65

#034733

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#470216	rgb(71, 2, 22)	hsl(340 95% 14%)	hwb(340 0.78% 72%)	lch(12.6 33.3 15.8)	lab(12.6 32.1 9.09)	cmyk 0%, 97%, 69%, 72%
	#91052f	rgb(145, 5, 47)	hsl(340 93% 29%)	hwb(340 2% 43%)	lch(30.8 56.5 19.5)	lab(30.8 53.3 18.9)	cmyk 0%, 97%, 68%, 43%
	#c2073f	rgb(194, 7, 63)	hsl(340 93% 39%)	hwb(340 2.7% 24%)	lch(41.9 70.8 20.7)	lab(41.9 66.2 25.1)	cmyk 0%, 96%, 68%, 24%
	#058f65	rgb(5, 143, 101)	hsl(160 93% 29%)	hwb(160 2% 44%)	lch(52.4 43.7 163)	lab(52.4 -41.8 12.9)	cmyk 97%, 0%, 29%, 44%
	#034733	rgb(3, 71, 51)	hsl(160 92% 15%)	hwb(160 1.2% 72%)	lch(26 25.5 166)	lab(26 -24.7 6.28)	cmyk 96%, 0%, 28%, 72%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#470216

AAA - 16.3



#91052f

AAA - 9.26



#c2073f

AA - 6.18



#058f65

AA - 4.09



#034733

AAA - 10.75



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(25.6% 0.097 0.02), oklab(42% 0.159 0.042), oklab(51.9% 0.197 0.055), oklab(57.6% -0.117 0.034), oklab(35.4% -0.069 0.017))

Fallback colors



background: linear-gradient(45deg, #470216, #91052f, #c2073f, #058f65, #034733)

Colors



<!-- Primary Colors -->
<color name="watermelon_color_10">#470216</color>
<color name="watermelon_color_20">#91052f</color>
<color name="watermelon_color_30">#c2073f</color>
<color name="watermelon_color_40">#058f65</color>
<color name="watermelon_color_50">#034733</color>

PWA prompt