SWIFT Color Gradient

 #12a0ff

 #faebb1

Colors overview

 Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#12a0ff	rgb(18, 160, 255)	hsl(200 100% 54%)	hwb(200 7.1% 0%)	lch(62.8 58.3 262)	lab(62.8 -8.3 -57.7)	cmyk 93%, 37%, 0%, 0%
	#faebb1	rgb(250, 235, 177)	hsl(48 88% 84%)	hwb(48 69% 2%)	lch(93.2 30.2 92)	lab(93.2 -1.05 30.2)	cmyk 0%, 6%, 29%, 2%

 Click a color format to copy to your clipboard.

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

#12a0ff

AA - 2.8



#faebb1

AA - 1.19



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(68.6% -0.069 -0.161), oklab(93.8% -0.007 0.076))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #12a0ff, #faebb1)

Colors



<resources>
    <color name="swift_100">#12a0ff</color>
    <color name="swift_200">#faebb1</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt