Crimson Blaze

#3d0000

#8B0000

#FF0000

#FFA500

#FFFF00

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3d0000	rgb(61, 0, 0)	hsl(0 100% 12%)	hwb(0 0% 76%)	lch(9.31 32.6 27)	lab(9.31 29.1 14.8)	cmyk 0%, 100%, 100%, 76%
	#8b0000	rgb(139, 0, 0)	hsl(0 100% 27%)	hwb(0 0% 45%)	lch(28.8 66.9 39.8)	lab(28.8 51.5 42.8)	cmyk 0%, 100%, 100%, 45%
	#ff0000	rgb(255, 0, 0)	hsl(0 100% 50%)	hwb(0 0% 0%)	lch(54.3 107 40.9)	lab(54.3 80.8 69.9)	cmyk 0%, 100%, 100%, 0%
	#ffa500	rgb(255, 165, 0)	hsl(39 100% 50%)	hwb(39 0% 0%)	lch(75.6 83.8 70.8)	lab(75.6 27.5 79.1)	cmyk 0%, 35%, 100%, 0%
	#ffff00	rgb(255, 255, 0)	hsl(60 100% 50%)	hwb(60 0% 0%)	lch(97.6 94.7 99.6)	lab(97.6 -15.7 93.4)	cmyk 0%, 0%, 100%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3d0000

AAA - 17.52



#8B0000

AAA - 10.01



#FF0000

AA - 3.99



#FFA500

AA - 1.97



#FFFF00

AA - 1.07



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(22.6% 0.081 0.045), oklab(40% 0.143 0.08), oklab(62.8% 0.225 0.126), oklab(79.3% 0.057 0.161), oklab(96.8% -0.071 0.199))

Fallback colors



background: linear-gradient(45deg, #3d0000, #8B0000, #FF0000, #FFA500, #FFFF00)

Colors



<!-- Primary Colors -->
<color name="crimson_blaze_color_10">#3d0000</color>
<color name="crimson_blaze_color_20">#8B0000</color>
<color name="crimson_blaze_color_30">#FF0000</color>
<color name="crimson_blaze_color_40">#FFA500</color>
<color name="crimson_blaze_color_50">#FFFF00</color>

PWA prompt