Burn

#ff4f62

#ffcb3b

#511d46

#343b3d

#1e2425

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Grey

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#ff4f62	rgb(255, 79, 98)	hsl(350 100% 65%)	oklab(68% 0.2 0.07)	oklch(68% 0.21 19)	color(display-p3 0.92 0.36 0.4)
	#ffcb3b	rgb(255, 203, 59)	hsl(44 100% 62%)	oklab(87% 0.01 0.16)	oklch(87% 0.16 88)	color(display-p3 0.97 0.8 0.35)
	#511d46	rgb(81, 29, 70)	hsl(310 47% 22%)	oklab(33% 0.09 -0.04)	oklch(33% 0.1 340)	color(display-p3 0.29 0.13 0.27)
	#343b3d	rgb(52, 59, 61)	hsl(190 8% 22%)	oklab(35% -0.01 -0.01)	oklch(35% 0.01 220)	color(display-p3 0.21 0.23 0.24)
	#1e2425	rgb(30, 36, 37)	hsl(190 10% 13%)	oklab(25% -0.01 0)	oklch(25% 0.01 210)	color(display-p3 0.12 0.14 0.14)

 Click on a color value to copy it 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