#BC13FE

#E025BE

#F0459A

#FB697A

#FF8E5F

Aurora

Actions

Explore the gradient in different formats, and actions.

Colors overview

Orange

Purple

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#bc13fe	rgb(188, 19, 254)	hsl(280 99% 54%)	hwb(280 7.5% 0.39%)	lch(49.1 113 316)	lab(49.1 80.7 -78.5)	cmyk 26%, 93%, 0%, 0%
	#e025be	rgb(224, 37, 190)	hsl(310 75% 51%)	hwb(310 15% 12%)	lch(53 85.1 335)	lab(53 77.4 -35.5)	cmyk 0%, 83%, 15%, 12%
	#f0459a	rgb(240, 69, 154)	hsl(330 85% 61%)	hwb(330 27% 5.9%)	lch(57.7 70.4 354)	lab(57.7 70 -7.08)	cmyk 0%, 71%, 36%, 6%
	#fb697a	rgb(251, 105, 122)	hsl(350 95% 70%)	hwb(350 41% 1.6%)	lch(64 61.3 19.7)	lab(64 57.8 20.7)	cmyk 0%, 58%, 51%, 2%
	#ff8e5f	rgb(255, 142, 95)	hsl(18 100% 69%)	hwb(18 37% 0%)	lch(71.1 60.4 47.4)	lab(71.1 40.9 44.4)	cmyk 0%, 44%, 63%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#BC13FE

AA - 4.5



#E025BE

AA - 4.05



#F0459A

AA - 3.48



#FB697A

AA - 2.83



#FF8E5F

AA - 2.26



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(60.8% 0.199 -0.221), oklab(62.8% 0.237 -0.099), oklab(66% 0.218 -0.021), oklab(70.6% 0.172 0.049), oklab(76% 0.11 0.102))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #BC13FE, #E025BE, #F0459A, #FB697A, #FF8E5F)

Colors



<!-- Primary Colors -->
<color name="aurora_color_10">#BC13FE</color>
<color name="aurora_color_20">#E025BE</color>
<color name="aurora_color_30">#F0459A</color>
<color name="aurora_color_40">#FB697A</color>
<color name="aurora_color_50">#FF8E5F</color>

Gradient PRO

Pro feature only

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

PWA prompt