Meteorite

#4c3c71

#805fc3

#a98bbb

#c0b994

#c7db78

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#4c3c71	rgb(76, 60, 113)	hsl(260 31% 34%)	oklab(40% 0.04 -0.08)	oklch(40% 0.09 300)	color(display-p3 0.29 0.24 0.43)
	#805fc3	rgb(128, 95, 195)	hsl(260 45% 57%)	oklab(57% 0.07 -0.14)	oklch(57% 0.15 300)	color(display-p3 0.48 0.38 0.74)
	#a98bbb	rgb(169, 139, 187)	hsl(280 26% 64%)	oklab(68% 0.05 -0.06)	oklch(68% 0.08 310)	color(display-p3 0.64 0.55 0.72)
	#c0b994	rgb(192, 185, 148)	hsl(50 26% 67%)	oklab(78% -0.01 0.05)	oklch(78% 0.05 99)	color(display-p3 0.75 0.73 0.6)
	#c7db78	rgb(199, 219, 120)	hsl(72 58% 66%)	oklab(85% -0.06 0.11)	oklch(85% 0.13 120)	color(display-p3 0.8 0.86 0.52)

 Click on a color value to copy it 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