Swamp

Palette information

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#184e30	rgb(24, 78, 48)	hsl(147, 53%, 20%)	hwb(147 9% 69%)	hsv 147°, 69%, 31%	cmyk 69%, 0%, 38%, 69%	Pantone 350C
#396f3f	rgb(57, 111, 63)	hsl(127, 32%, 33%)	hwb(127 22% 56%)	hsv 127°, 49%, 44%	cmyk 49%, 0%, 43%, 56%	Pantone 555C
#60924d	rgb(96, 146, 77)	hsl(103, 31%, 44%)	hwb(103 30% 43%)	hsv 103°, 47%, 57%	cmyk 34%, 0%, 47%, 43%	Pantone 576C
#8db459	rgb(141, 180, 89)	hsl(86, 38%, 53%)	hwb(86 35% 29%)	hsv 86°, 51%, 71%	cmyk 22%, 0%, 51%, 29%	Pantone 576C
#c0d764	rgb(192, 215, 100)	hsl(72, 59%, 62%)	hwb(72 39% 16%)	hsv 72°, 53%, 84%	cmyk 11%, 0%, 53%, 16%	Pantone 374C

Click a color format to copy to your clipboard.

White background Black background

#184E30

9.7

#396F3F

6.0

#60924D

3.7

#396F3F

2.4

#396F3F

1.6

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Swamp_1">#184E30</color>


                <color name="Swamp_2">#396F3F</color>


                <color name="Swamp_3">#60924D</color>


                <color name="Swamp_4">#8DB459</color>


                <color name="Swamp_5">#C0D764</color>

Flutter color codes


                const Swamp1 = Color(0xFF184E30);


                const Swamp2 = Color(0xFF396F3F);


                const Swamp3 = Color(0xFF60924D);


                const Swamp4 = Color(0xFF8DB459);


                const Swamp5 = Color(0xFFC0D764);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator