Burn

#ff4f62

#ffcb3b

#511d46

#343b3d

#1e2425

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff4f62	rgb(255, 79, 98)	hsl(350 100% 65%)	hwb(350 31% 0%)	lch(60.4 74.2 23.8)	lab(60.4 67.9 30)	cmyk 0%, 69%, 62%, 0%
	#ffcb3b	rgb(255, 203, 59)	hsl(44 100% 62%)	hwb(44 23% 0%)	lch(84.7 74.2 82.6)	lab(84.7 9.52 73.5)	cmyk 0%, 20%, 77%, 0%
	#511d46	rgb(81, 29, 70)	hsl(310 47% 22%)	hwb(310 11% 68%)	lch(20.4 32 335)	lab(20.4 28.9 -13.7)	cmyk 0%, 64%, 14%, 68%
	#343b3d	rgb(52, 59, 61)	hsl(190 8% 22%)	hwb(190 20% 76%)	lch(24.3 3.52 221)	lab(24.3 -2.67 -2.3)	cmyk 15%, 3%, 0%, 76%
	#1e2425	rgb(30, 36, 37)	hsl(190 10% 13%)	hwb(190 12% 85%)	lch(13.6 3.07 212)	lab(13.6 -2.59 -1.63)	cmyk 19%, 3%, 0%, 85%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff4f62

AA - 3.2



#ffcb3b

AA - 1.51



#511d46

AAA - 13.01



#343b3d

AAA - 11.41



#1e2425

AAA - 15.73



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(67.8% 0.2 0.068), oklab(86.5% 0.007 0.16), oklab(32.6% 0.088 -0.038), oklab(34.7% -0.008 -0.006), oklab(25.5% -0.008 -0.004))

Fallback colors



background: linear-gradient(45deg, #ff4f62, #ffcb3b, #511d46, #343b3d, #1e2425)

Colors



<!-- Primary Colors -->
<color name="burn_color_10">#ff4f62</color>
<color name="burn_color_20">#ffcb3b</color>
<color name="burn_color_30">#511d46</color>
<color name="burn_color_40">#343b3d</color>
<color name="burn_color_50">#1e2425</color>

PWA prompt