Swamp

#184E30

#396F3F

#60924D

#8DB459

#C0D764

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#184e30	rgb(24, 78, 48)	hsl(150 53% 20%)	oklab(38% -0.07 0.03)	oklch(38% 0.08 160)	color(display-p3 0.16 0.3 0.2)
	#396f3f	rgb(57, 111, 63)	hsl(130 32% 33%)	oklab(49% -0.08 0.05)	oklch(49% 0.09 150)	color(display-p3 0.28 0.43 0.27)
	#60924d	rgb(96, 146, 77)	hsl(100 31% 44%)	oklab(61% -0.08 0.08)	oklch(61% 0.11 140)	color(display-p3 0.42 0.57 0.33)
	#8db459	rgb(141, 180, 89)	hsl(86 38% 53%)	oklab(72% -0.08 0.1)	oklch(72% 0.13 130)	color(display-p3 0.58 0.7 0.39)
	#c0d764	rgb(192, 215, 100)	hsl(72 59% 62%)	oklab(84% -0.07 0.13)	oklch(84% 0.14 120)	color(display-p3 0.77 0.84 0.45)

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

#184E30

AAA - 9.67



#396F3F

AA - 5.96



#60924D

AA - 3.67



#8DB459

AA - 2.38



#C0D764

AA - 1.59



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(37.9% -0.07 0.032), oklab(49.1% -0.079 0.053), oklab(60.7% -0.083 0.076), oklab(72.1% -0.079 0.1), oklab(83.8% -0.07 0.125))

Fallback colors



background: linear-gradient(45deg, #184E30, #396F3F, #60924D, #8DB459, #C0D764)

Colors



<!-- Primary Colors -->
<color name="swamp_color_10">#184E30</color>
<color name="swamp_color_20">#396F3F</color>
<color name="swamp_color_30">#60924D</color>
<color name="swamp_color_40">#8DB459</color>
<color name="swamp_color_50">#C0D764</color>

PWA prompt