Catrina Color Palette

#68217A

#945EB3

#B68FD7

#D9C2E9

#68217A

#945EB3

#B68FD7

#D9C2E9

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#68217a	rgb(104, 33, 122)	hsl(290 57% 30%)	hwb(290 13% 52%)	lch(27.7 55.1 319)	lab(27.7 41.8 -36)	cmyk 15%, 73%, 0%, 52%
	#945eb3	rgb(148, 94, 179)	hsl(280 36% 54%)	hwb(280 37% 30%)	lch(48.7 50.3 313)	lab(48.7 34.2 -36.8)	cmyk 17%, 47%, 0%, 30%
	#b68fd7	rgb(182, 143, 215)	hsl(270 47% 70%)	hwb(270 56% 16%)	lch(65.1 40.4 309)	lab(65.1 25.3 -31.4)	cmyk 15%, 33%, 0%, 16%
	#d9c2e9	rgb(217, 194, 233)	hsl(280 47% 84%)	hwb(280 76% 8.6%)	lch(81.3 21.3 310)	lab(81.3 13.7 -16.3)	cmyk 7%, 17%, 0%, 9%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#68217A

AAA - 10.06



#945EB3

AA - 4.65



#B68FD7

AA - 2.65



#D9C2E9

AA - 1.63



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(39.8% 0.115 -0.101), oklab(57.5% 0.092 -0.102), oklab(71.3% 0.069 -0.086), oklab(84.6% 0.039 -0.044))

Fallback colors



background: linear-gradient(45deg, #68217A, #945EB3, #B68FD7, #D9C2E9)

Colors



<!-- Primary Colors -->
<color name="catrina_color_10">#68217A</color>
<color name="catrina_color_20">#945EB3</color>
<color name="catrina_color_30">#B68FD7</color>
<color name="catrina_color_40">#D9C2E9</color>

PWA prompt