Air Color Gradient

 #EFEFEF

 #D6D6D6

 #C3C3C3

Colors overview

 White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#efefef	rgb(239, 239, 239)	hsl(none 0% 94%)	hwb(none 94% 6.3%)	lch(94.4 0 none)	lab(94.4 0 0)	cmyk 0%, 0%, 0%, 6%
	#d6d6d6	rgb(214, 214, 214)	hsl(none 0% 84%)	hwb(none 84% 16%)	lch(85.6 0 none)	lab(85.6 0 0)	cmyk 0%, 0%, 0%, 16%
	#c3c3c3	rgb(195, 195, 195)	hsl(none 0% 76%)	hwb(none 76% 24%)	lch(78.8 0 none)	lab(78.8 0 0)	cmyk 0%, 0%, 0%, 24%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#EFEFEF

AA - 1.14



#D6D6D6

AA - 1.45



#C3C3C3

AA - 1.76



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 space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(95.2% 0 0), oklab(87.6% 0 0), oklab(81.7% 0 0))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #EFEFEF, #D6D6D6, #C3C3C3)

Colors



<resources>
    <color name="air_100">#EFEFEF</color>
    <color name="air_200">#D6D6D6</color>
    <color name="air_300">#C3C3C3</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt