#7b1fa2

#9c27b0

#ffffff

#cddc39

#212121

Purple/Lime

#7b1fa2

#9c27b0

#ffffff

#cddc39

#212121



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

Purple

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#7b1fa2	rgb(123, 31, 162)	hsl(280 68% 38%)	hwb(280 12% 36%)	lch(33.1 74.3 316)	lab(33.1 53.3 -51.8)	cmyk 24%, 81%, 0%, 36%
	#9c27b0	rgb(156, 39, 176)	hsl(290 64% 42%)	hwb(290 15% 31%)	lch(40.4 77 321)	lab(40.4 60.1 -48.1)	cmyk 11%, 78%, 0%, 31%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#cddc39	rgb(205, 220, 57)	hsl(66 70% 54%)	hwb(66 22% 14%)	lch(84.6 74.6 105)	lab(84.6 -19.3 72.1)	cmyk 7%, 0%, 74%, 14%
	#212121	rgb(33, 33, 33)	hsl(none 0% 13%)	hwb(none 13% 87%)	lch(12.7 0 none)	lab(12.7 0 0)	cmyk 0%, 0%, 0%, 87%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#7b1fa2

AAA - 8.2



#9c27b0

AA - 6.3



#ffffff

AA - 1



#cddc39

AA - 1.51



#212121

AAA - 16.1



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(45.3% 0.135 -0.145), oklab(51.7% 0.168 -0.135), oklab(100% 0 0), oklab(85.6% -0.074 0.16), oklab(24.8% 0 0))

Fallback colors



background: linear-gradient(45deg, #7b1fa2, #9c27b0, #ffffff, #cddc39, #212121)

Colors



<!-- Primary Colors -->
<color name="purple/lime_color_10">#7b1fa2</color>
<color name="purple/lime_color_20">#9c27b0</color>
<color name="purple/lime_color_30">#ffffff</color>
<color name="purple/lime_color_40">#cddc39</color>
<color name="purple/lime_color_50">#212121</color>

PWA prompt