Atom Color Gradient

 #002bba

 #c90000

Colors overview

 Blue

 Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#002bba	rgb(0, 43, 186)	hsl(230 100% 36%)	hwb(230 0% 27%)	lch(25.9 86.8 295)	lab(25.9 37.1 -78.5)	cmyk 100%, 77%, 0%, 27%
	#c90000	rgb(201, 0, 0)	hsl(0 100% 39%)	hwb(0 0% 21%)	lch(42.8 89.3 40.9)	lab(42.8 67.5 58.4)	cmyk 0%, 100%, 100%, 21%

 Click a color format to copy to your clipboard.

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

#002bba

AAA - 10.22



#c90000

AA - 6.02



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

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(39.4% -0.024 -0.221), oklab(52.5% 0.188 0.105))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #002bba, #c90000)

Colors



<resources>
    <color name="atom_100">#002bba</color>
    <color name="atom_200">#c90000</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt