Behind Color Gradient

 #383838

 #6b6b6b

 #9e9e9e

Colors overview

Grey

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#383838	rgb(56, 56, 56)	hsl(none 0% 22%)	hwb(none 22% 78%)	lch(23.5 0 none)	lab(23.5 0 0)	cmyk 0%, 0%, 0%, 78%
	#6b6b6b	rgb(107, 107, 107)	hsl(none 0% 42%)	hwb(none 42% 58%)	lch(45.2 0 none)	lab(45.2 0 0)	cmyk 0%, 0%, 0%, 58%
	#9e9e9e	rgb(158, 158, 158)	hsl(none 0% 62%)	hwb(none 62% 38%)	lch(65.1 0 none)	lab(65.1 0 0)	cmyk 0%, 0%, 0%, 38%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#383838

AAA - 11.72



#6b6b6b

AA - 5.32



#9e9e9e

AA - 2.67



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(34.1% 0 0), oklab(52.8% 0 0), oklab(69.9% 0 0))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #383838, #6b6b6b, #9e9e9e)

Colors



<!-- Primary Colors -->
<color name="behind_color_10">#383838</color>
<color name="behind_color_20">#6b6b6b</color>
<color name="behind_color_30">#9e9e9e</color>

Gradient PRO

Pro feature only

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

PWA prompt