#D98880

#C74375

#912D5E

#5A1846

Crush

Actions

Explore the gradient in different formats, and actions.

Colors overview

Red

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#d98880	rgb(217, 136, 128)	hsl(5.4 54% 68%)	hwb(5.4 50% 15%)	lch(65.3 36 30.1)	lab(65.3 31.2 18)	cmyk 0%, 37%, 41%, 15%
	#c74375	rgb(199, 67, 117)	hsl(340 54% 52%)	hwb(340 26% 22%)	lch(49.3 56 1.73)	lab(49.3 56 1.69)	cmyk 0%, 66%, 41%, 22%
	#912d5e	rgb(145, 45, 94)	hsl(330 53% 37%)	hwb(330 18% 43%)	lch(35.7 46 354)	lab(35.7 45.8 -5.12)	cmyk 0%, 69%, 35%, 43%
	#5a1846	rgb(90, 24, 70)	hsl(320 58% 22%)	hwb(320 9.4% 65%)	lch(21.2 36.4 340)	lab(21.2 34.2 -12.3)	cmyk 0%, 73%, 22%, 65%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#D98880

AA - 2.69



#C74375

AA - 4.67



#912D5E

AAA - 7.66



#5A1846

AAA - 12.69



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(70.9% 0.091 0.044), oklab(58.1% 0.172 0.002), oklab(46.2% 0.142 -0.015), oklab(33.4% 0.106 -0.034))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #D98880, #C74375, #912D5E, #5A1846)

Colors



<!-- Primary Colors -->
<color name="crush_color_10">#D98880</color>
<color name="crush_color_20">#C74375</color>
<color name="crush_color_30">#912D5E</color>
<color name="crush_color_40">#5A1846</color>

Gradient PRO

Pro feature only

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

PWA prompt