Supercharge

#25282b

#d3f26a

#eae8e2

#f7f6ef

#ffffff

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

Yellow

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#25282b	rgb(37, 40, 43)	hsl(210 7.5% 16%)	hwb(210 15% 83%)	lch(15.9 2.6 252)	lab(15.9 -0.813 -2.47)	cmyk 14%, 7%, 0%, 83%
	#d3f26a	rgb(211, 242, 106)	hsl(74 84% 68%)	hwb(74 42% 5.1%)	lch(91.2 65.4 112)	lab(91.2 -24.6 60.6)	cmyk 13%, 0%, 56%, 5%
	#eae8e2	rgb(234, 232, 226)	hsl(45 16% 90%)	hwb(45 89% 8.2%)	lch(92 3.18 91.5)	lab(92 -0.084 3.18)	cmyk 0%, 1%, 3%, 8%
	#f7f6ef	rgb(247, 246, 239)	hsl(53 33% 95%)	hwb(53 94% 3.1%)	lch(96.8 3.54 99.1)	lab(96.8 -0.559 3.5)	cmyk 0%, 0%, 3%, 3%
	#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%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#25282b

AAA - 14.81



#d3f26a

AA - 1.25



#eae8e2

AA - 1.22



#f7f6ef

AA - 1.08



#ffffff

AA - 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(27.5% -0.003 -0.007), oklab(91.2% -0.084 0.142), oklab(93.1% 0 0.008), oklab(97.2% -0.002 0.009), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #25282b, #d3f26a, #eae8e2, #f7f6ef, #ffffff)

Colors



<!-- Primary Colors -->
<color name="supercharge_color_10">#25282b</color>
<color name="supercharge_color_20">#d3f26a</color>
<color name="supercharge_color_30">#eae8e2</color>
<color name="supercharge_color_40">#f7f6ef</color>
<color name="supercharge_color_50">#ffffff</color>

PWA prompt