Cyber

#F72585

#B5179E

#7209B7

#560BAD

#480CA8

Actions

Explore the palette in different formats, and actions.

Colors overview

Electric, bold, and captivating, it radiates confidence and creative energy.

AI-generated description.

Purple

Pink

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#f72585	rgb(247, 37, 133)	hsl(330 93% 56%)	oklab(64% 0.24 0)	oklch(64% 0.24 0.71)	color(display-p3 0.89 0.24 0.52)
	#b5179e	rgb(181, 23, 158)	hsl(310 77% 40%)	oklab(54% 0.21 -0.09)	oklch(54% 0.23 340)	color(display-p3 0.65 0.17 0.6)
	#7209b7	rgb(114, 9, 183)	hsl(280 91% 38%)	oklab(45% 0.13 -0.19)	oklch(45% 0.23 300)	color(display-p3 0.41 0.09 0.69)
	#560bad	rgb(86, 11, 173)	hsl(270 88% 36%)	oklab(40% 0.09 -0.2)	oklch(40% 0.21 290)	color(display-p3 0.31 0.07 0.65)
	#480ca8	rgb(72, 12, 168)	hsl(260 87% 35%)	oklab(38% 0.07 -0.2)	oklch(38% 0.21 290)	color(display-p3 0.26 0.07 0.63)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#F72585

AA - 3.77



#B5179E

AA - 5.86



#7209B7

AAA - 8.61



#560BAD

AAA - 10.25



#480CA8

AAA - 11.09



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(64.3% 0.244 0.003), oklab(53.6% 0.205 -0.093), oklab(44.7% 0.128 -0.189), oklab(40.3% 0.088 -0.196), oklab(38.2% 0.066 -0.199))

Fallback colors



background: linear-gradient(45deg, #F72585, #B5179E, #7209B7, #560BAD, #480CA8)

Colors



<!-- Primary Colors -->
<color name="cyber_color_10">#F72585</color>
<color name="cyber_color_20">#B5179E</color>
<color name="cyber_color_30">#7209B7</color>
<color name="cyber_color_40">#560BAD</color>
<color name="cyber_color_50">#480CA8</color>

PWA prompt