Music

#ff5c5c

#ff8585

#ffffff

#ffbd42

#4f4f4f

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff5c5c	rgb(255, 92, 92)	hsl(0 100% 68%)	hwb(0 36% 0%)	lch(62.1 72.2 29.5)	lab(62.1 62.9 35.5)	cmyk 0%, 64%, 64%, 0%
	#ff8585	rgb(255, 133, 133)	hsl(0 100% 76%)	hwb(0 52% 0%)	lch(69.8 52.3 25.4)	lab(69.8 47.3 22.4)	cmyk 0%, 48%, 48%, 0%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#ffbd42	rgb(255, 189, 66)	hsl(39 100% 63%)	hwb(39 26% 0%)	lch(81.3 70.1 76.3)	lab(81.3 16.6 68.1)	cmyk 0%, 26%, 74%, 0%
	#4f4f4f	rgb(79, 79, 79)	hsl(none 0% 31%)	hwb(none 31% 69%)	lch(33.6 0 none)	lab(33.6 0 0)	cmyk 0%, 0%, 0%, 69%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff5c5c

AA - 3.02



#ff8585

AA - 2.34



#ffffff

AA - 1



#ffbd42

AA - 1.66



#4f4f4f

AAA - 8.19



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(69.1% 0.182 0.081), oklab(75.3% 0.139 0.054), oklab(100% 0 0), oklab(83.9% 0.029 0.15), oklab(42.8% 0 0))

Fallback colors



background: linear-gradient(45deg, #ff5c5c, #ff8585, #ffffff, #ffbd42, #4f4f4f)

Colors



<!-- Primary Colors -->
<color name="music_color_10">#ff5c5c</color>
<color name="music_color_20">#ff8585</color>
<color name="music_color_30">#ffffff</color>
<color name="music_color_40">#ffbd42</color>
<color name="music_color_50">#4f4f4f</color>

PWA prompt