Spearmint

#246449

#27b078

#6ec7a6

#a8ccd4

#cdcde9

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#246449	rgb(36, 100, 73)	hsl(150 47% 27%)	oklab(45% -0.08 0.02)	oklch(45% 0.08 160)	color(display-p3 0.21 0.39 0.29)
	#27b078	rgb(39, 176, 120)	hsl(160 64% 42%)	oklab(67% -0.13 0.05)	oklch(67% 0.14 160)	color(display-p3 0.34 0.68 0.49)
	#6ec7a6	rgb(110, 199, 166)	hsl(160 44% 61%)	oklab(76% -0.1 0.02)	oklch(76% 0.1 170)	color(display-p3 0.52 0.77 0.66)
	#a8ccd4	rgb(168, 204, 212)	hsl(190 34% 75%)	oklab(82% -0.03 -0.02)	oklch(82% 0.04 210)	color(display-p3 0.69 0.8 0.83)
	#cdcde9	rgb(205, 205, 233)	hsl(240 39% 86%)	oklab(86% 0.01 -0.04)	oklch(86% 0.04 290)	color(display-p3 0.8 0.8 0.9)

 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.

#246449

AAA - 7.01



#27b078

AA - 2.77



#6ec7a6

AA - 2.02



#a8ccd4

AA - 1.71



#cdcde9

AA - 1.55



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(45.4% -0.076 0.024), oklab(67.3% -0.133 0.048), oklab(76.5% -0.097 0.021), oklab(82.2% -0.034 -0.022), oklab(85.7% 0.01 -0.037))

Fallback colors



background: linear-gradient(45deg, #246449, #27b078, #6ec7a6, #a8ccd4, #cdcde9)

Colors



<!-- Primary Colors -->
<color name="spearmint_color_10">#246449</color>
<color name="spearmint_color_20">#27b078</color>
<color name="spearmint_color_30">#6ec7a6</color>
<color name="spearmint_color_40">#a8ccd4</color>
<color name="spearmint_color_50">#cdcde9</color>

PWA prompt