#184E30

#396F3F

#60924D

#8DB459

#C0D764

Swamp

#184E30

#396F3F

#60924D

#8DB459

#C0D764



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#184e30	rgb(24, 78, 48)	hsl(150 53% 20%)	hwb(150 9.4% 69%)	lch(29 27.5 153)	lab(29 -24.6 12.4)	cmyk 69%, 0%, 38%, 69%
	#396f3f	rgb(57, 111, 63)	hsl(130 32% 33%)	hwb(130 22% 56%)	lch(42.2 34.3 142)	lab(42.2 -27.2 21)	cmyk 49%, 0%, 43%, 56%
	#60924d	rgb(96, 146, 77)	hsl(100 31% 44%)	hwb(100 30% 43%)	lch(55.7 41.4 132)	lab(55.7 -27.6 30.9)	cmyk 34%, 0%, 47%, 43%
	#8db459	rgb(141, 180, 89)	hsl(86 38% 53%)	hwb(86 35% 29%)	lch(68.9 48.4 121)	lab(68.9 -25 41.4)	cmyk 22%, 0%, 51%, 29%
	#c0d764	rgb(192, 215, 100)	hsl(72 59% 62%)	hwb(72 39% 16%)	lch(82.5 56.8 111)	lab(82.5 -20.2 53)	cmyk 11%, 0%, 53%, 16%

 Click a color format to copy 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