#a6007e

#ef51b1

#fdb843

#4e2575

#7bcd65

Hispanic Heritage

#a6007e

#ef51b1

#fdb843

#4e2575

#7bcd65



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

Pink

Yellow

Purple

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a6007e	rgb(166, 0, 126)	hsl(310 100% 33%)	hwb(310 0% 35%)	lch(37.4 67.7 341)	lab(37.4 63.9 -22.3)	cmyk 0%, 100%, 24%, 35%
	#ef51b1	rgb(239, 81, 177)	hsl(320 83% 63%)	hwb(320 32% 6.3%)	lch(59.7 69.8 346)	lab(59.7 67.6 -17.5)	cmyk 0%, 66%, 26%, 6%
	#fdb843	rgb(253, 184, 67)	hsl(38 98% 63%)	hwb(38 26% 0.78%)	lch(79.9 68.8 74.6)	lab(79.9 18.3 66.3)	cmyk 0%, 27%, 74%, 1%
	#4e2575	rgb(78, 37, 117)	hsl(270 52% 30%)	hwb(270 15% 54%)	lch(24 50.4 309)	lab(24 31.9 -39)	cmyk 33%, 68%, 0%, 54%
	#7bcd65	rgb(123, 205, 101)	hsl(110 51% 60%)	hwb(110 40% 20%)	lch(75.4 59.4 133)	lab(75.4 -40.8 43.1)	cmyk 40%, 0%, 51%, 20%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#a6007e

AAA - 7.18



#ef51b1

AA - 3.23



#fdb843

AA - 1.73



#4e2575

AAA - 11.37



#7bcd65

AA - 1.95



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(48.6% 0.199 -0.062), oklab(67.8% 0.209 -0.049), oklab(82.8% 0.035 0.146), oklab(36.4% 0.074 -0.11), oklab(77.2% -0.122 0.105))

Fallback colors



background: linear-gradient(45deg, #a6007e, #ef51b1, #fdb843, #4e2575, #7bcd65)

Colors



<!-- Primary Colors -->
<color name="hispanic_heritage_color_10">#a6007e</color>
<color name="hispanic_heritage_color_20">#ef51b1</color>
<color name="hispanic_heritage_color_30">#fdb843</color>
<color name="hispanic_heritage_color_40">#4e2575</color>
<color name="hispanic_heritage_color_50">#7bcd65</color>

PWA prompt