Velvet

#B0224C

#C72C48

#E25855

#F28482

#F9C2C0

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#b0224c	rgb(176, 34, 76)	hsl(340 68% 41%)	hwb(340 13% 31%)	lch(40 59 13.1)	lab(40 57.5 13.4)	cmyk 0%, 81%, 57%, 31%
	#c72c48	rgb(199, 44, 72)	hsl(350 64% 48%)	hwb(350 17% 22%)	lch(45.5 65.8 21.5)	lab(45.5 61.2 24.1)	cmyk 0%, 78%, 64%, 22%
	#e25855	rgb(226, 88, 85)	hsl(1.3 71% 61%)	hwb(1.3 33% 11%)	lch(56.6 62.9 29.9)	lab(56.6 54.6 31.4)	cmyk 0%, 61%, 62%, 11%
	#f28482	rgb(242, 132, 130)	hsl(1.1 81% 73%)	hwb(1.1 51% 5.1%)	lch(67.8 47.6 26.1)	lab(67.8 42.8 20.9)	cmyk 0%, 45%, 46%, 5%
	#f9c2c0	rgb(249, 194, 192)	hsl(2.1 83% 86%)	hwb(2.1 75% 2.4%)	lch(83.4 22 24.1)	lab(83.4 20.1 8.98)	cmyk 0%, 22%, 23%, 2%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#B0224C

AA - 6.6



#C72C48

AA - 5.4



#E25855

AA - 3.64



#F28482

AA - 2.5



#F9C2C0

AA - 1.55



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(50% 0.174 0.031), oklab(54.8% 0.182 0.054), oklab(64% 0.157 0.072), oklab(73.4% 0.125 0.051), oklab(86.2% 0.059 0.023))

Fallback colors



background: linear-gradient(45deg, #B0224C, #C72C48, #E25855, #F28482, #F9C2C0)

Colors



<!-- Primary Colors -->
<color name="velvet_color_10">#B0224C</color>
<color name="velvet_color_20">#C72C48</color>
<color name="velvet_color_30">#E25855</color>
<color name="velvet_color_40">#F28482</color>
<color name="velvet_color_50">#F9C2C0</color>

PWA prompt