#c514cc

#930d99

#6a00ff

#ffe640

#cca214

JENNA

#c514cc

#930d99

#6a00ff

#ffe640

#cca214



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Yellow

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#c514cc	rgb(197, 20, 204)	hsl(300 82% 44%)	hwb(300 7.8% 20%)	lch(47.7 92.2 325)	lab(47.7 75.9 -52.3)	cmyk 3%, 90%, 0%, 20%
	#930d99	rgb(147, 13, 153)	hsl(300 84% 33%)	hwb(300 5.1% 40%)	lch(35.4 74.3 325)	lab(35.4 61.1 -42.4)	cmyk 4%, 92%, 0%, 40%
	#6a00ff	rgb(106, 0, 255)	hsl(260 100% 50%)	hwb(260 0% 0%)	lch(36.5 124 306)	lab(36.5 72.6 -100)	cmyk 58%, 100%, 0%, 0%
	#ffe640	rgb(255, 230, 64)	hsl(52 100% 63%)	hwb(52 25% 0%)	lch(91.4 77.9 92.5)	lab(91.4 -3.33 77.8)	cmyk 0%, 10%, 75%, 0%
	#cca214	rgb(204, 162, 20)	hsl(46 82% 44%)	hwb(46 7.8% 20%)	lch(69 69.2 83.8)	lab(69 7.48 68.8)	cmyk 0%, 21%, 90%, 20%

 Click a color format to copy 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