Red Lightsaber Color Gradient

 #ffadad

 #ff8a88

 #ff5e59

 #ff0000

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffadad	rgb(255, 173, 173)	hsl(0 100% 84%)	hwb(0 68% 0%)	lch(78.9 33.5 22.7)	lab(78.9 30.9 12.9)	cmyk 0%, 32%, 32%, 0%
	#ff8a88	rgb(255, 138, 136)	hsl(1 100% 77%)	hwb(1 53% 0%)	lch(70.8 50.2 26.1)	lab(70.8 45.1 22.1)	cmyk 0%, 46%, 47%, 0%
	#ff5e59	rgb(255, 94, 89)	hsl(1.8 100% 67%)	hwb(1.8 35% 0%)	lch(62.4 72.4 31.2)	lab(62.4 62 37.5)	cmyk 0%, 63%, 65%, 0%
	#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%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ffadad

AA - 1.77



#ff8a88

AA - 2.27



#ff5e59

AA - 3



#ff0000

AA - 3.99



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(82.7% 0.091 0.032), oklab(76.1% 0.132 0.053), oklab(69.3% 0.178 0.085), oklab(62.8% 0.225 0.126))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #ffadad, #ff8a88, #ff5e59, #ff0000)

Colors



<!-- Primary Colors -->
<color name="red_lightsaber_color_10">#ffadad</color>
<color name="red_lightsaber_color_20">#ff8a88</color>
<color name="red_lightsaber_color_30">#ff5e59</color>
<color name="red_lightsaber_color_40">#ff0000</color>

Gradient PRO

Pro feature only

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

PWA prompt