Blood 2

Actions

Explore the gradient in different formats, and actions.

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ad3e3e	rgb(173, 62, 62)	hsl(0 47% 46%)	hwb(0 24% 32%)	lch(42.8 52.8 29.1)	lab(42.8 46.1 25.6)	cmyk 0%, 64%, 64%, 32%
	#8a4545	rgb(138, 69, 69)	hsl(0 33% 41%)	hwb(0 27% 46%)	lch(38.3 33.2 25.4)	lab(38.3 30 14.2)	cmyk 0%, 50%, 50%, 46%

 Click a color format to copy to your clipboard.

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

#ad3e3e

AA - 5.93



#8a4545

AA - 6.95



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(52% 0.133 0.058), oklab(47.7% 0.088 0.034))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #ad3e3e, #8a4545)

Colors



<!-- Primary Colors -->
<color name="blood_2_color_10">#ad3e3e</color>
<color name="blood_2_color_20">#8a4545</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt