Meteorite Color Palette

#4c3c71

#805fc3

#a98bbb

#c0b994

#c7db78

#4c3c71

#805fc3

#a98bbb

#c0b994

#c7db78

Colors overview

Purple

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#4c3c71	rgb(76, 60, 113)	hsl(260 31% 34%)	hwb(260 24% 56%)	lch(29 33.2 301)	lab(29 17 -28.5)	cmyk 33%, 47%, 0%, 56%
	#805fc3	rgb(128, 95, 195)	hsl(260 45% 57%)	hwb(260 37% 24%)	lch(47.4 57.2 302)	lab(47.4 30.6 -48.3)	cmyk 34%, 51%, 0%, 24%
	#a98bbb	rgb(169, 139, 187)	hsl(280 26% 64%)	hwb(280 55% 27%)	lch(62 27.8 312)	lab(62 18.4 -20.8)	cmyk 10%, 26%, 0%, 27%
	#c0b994	rgb(192, 185, 148)	hsl(50 26% 67%)	hwb(50 58% 25%)	lch(75 19.9 95.5)	lab(75 -1.89 19.8)	cmyk 0%, 4%, 23%, 25%
	#c7db78	rgb(199, 219, 120)	hsl(72 58% 66%)	hwb(72 47% 14%)	lch(84.3 49.4 111)	lab(84.3 -18 46)	cmyk 9%, 0%, 45%, 14%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#4c3c71

AAA - 9.57



#805fc3

AA - 4.83



#a98bbb

AA - 2.95



#c0b994

AA - 1.97



#c7db78

AA - 1.51



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.9% 0.039 -0.079), oklab(56.5% 0.067 -0.135), oklab(68.1% 0.052 -0.057), oklab(78.2% -0.008 0.05), oklab(85.5% -0.06 0.111))

Fallback colors



background: linear-gradient(45deg, #4c3c71, #805fc3, #a98bbb, #c0b994, #c7db78)

Colors



<!-- Primary Colors -->
<color name="meteorite_color_10">#4c3c71</color>
<color name="meteorite_color_20">#805fc3</color>
<color name="meteorite_color_30">#a98bbb</color>
<color name="meteorite_color_40">#c0b994</color>
<color name="meteorite_color_50">#c7db78</color>

PWA prompt