JENNA

#c514cc

#930d99

#6a00ff

#ffe640

#cca214

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Purple

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#c514cc	rgb(197, 20, 204)	hsl(300 82% 44%)	oklab(59% 0.22 -0.15)	oklch(59% 0.26 330)	color(display-p3 0.71 0.17 0.77)
	#930d99	rgb(147, 13, 153)	hsl(300 84% 33%)	oklab(47% 0.18 -0.12)	oklch(47% 0.21 330)	color(display-p3 0.53 0.12 0.58)
	#6a00ff	rgb(106, 0, 255)	hsl(260 100% 50%)	oklab(51% 0.08 -0.28)	oklch(51% 0.29 290)	color(display-p3 0.38 0.06 0.96)
	#ffe640	rgb(255, 230, 64)	hsl(52 100% 63%)	oklab(92% -0.03 0.17)	oklch(92% 0.17 100)	color(display-p3 0.98 0.91 0.38)
	#cca214	rgb(204, 162, 20)	hsl(46 82% 44%)	oklab(73% 0 0.15)	oklch(73% 0.15 89)	color(display-p3 0.77 0.64 0.23)

 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.

#c514cc

AA - 4.83



#930d99

AAA - 7.61



#6a00ff

AA - 6.86



#ffe640

AA - 1.26



#cca214

AA - 2.4



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(58.7% 0.22 -0.146), oklab(47.3% 0.177 -0.118), oklab(50.8% 0.084 -0.281), oklab(91.9% -0.031 0.171), oklab(73% 0.002 0.145))

Fallback colors



background: linear-gradient(45deg, #c514cc, #930d99, #6a00ff, #ffe640, #cca214)

Colors



<!-- Primary Colors -->
<color name="jenna_color_10">#c514cc</color>
<color name="jenna_color_20">#930d99</color>
<color name="jenna_color_30">#6a00ff</color>
<color name="jenna_color_40">#ffe640</color>
<color name="jenna_color_50">#cca214</color>

PWA prompt