Sage

Palette information

monochromatic

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#080b09	rgb(8, 11, 9)	hsl(140, 16%, 4%)	hwb(140 3% 96%)	hsv 140°, 27%, 4%	cmyk 27%, 0%, 18%, 96%	Pantone 419C
#25352c	rgb(37, 53, 44)	hsl(146, 18%, 18%)	hwb(146 15% 79%)	hsv 146°, 30%, 21%	cmyk 30%, 0%, 17%, 79%	Pantone 5605C
#43604f	rgb(67, 96, 79)	hsl(145, 18%, 32%)	hwb(145 26% 62%)	hsv 145°, 30%, 38%	cmyk 30%, 0%, 18%, 62%	Pantone 5545C
#618a73	rgb(97, 138, 115)	hsl(146, 17%, 46%)	hwb(146 38% 46%)	hsv 146°, 30%, 54%	cmyk 30%, 0%, 17%, 46%	Pantone 625C
#9cdfb9	rgb(156, 223, 185)	hsl(146, 51%, 74%)	hwb(146 61% 13%)	hsv 146°, 30%, 87%	cmyk 30%, 0%, 17%, 13%	Pantone 344C

Click a color format to copy to your clipboard.

White background Black background

#080b09

19.8

#25352c

12.9

#43604f

6.9

#25352c

3.9

#25352c

1.5

Color blindness filter

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

Android color codes


                <color name="Sage_1">#080b09</color>


                <color name="Sage_2">#25352c</color>


                <color name="Sage_3">#43604f</color>


                <color name="Sage_4">#618a73</color>


                <color name="Sage_5">#9cdfb9</color>

Flutter color codes


                const Sage1 = Color(0xFF080b09);


                const Sage2 = Color(0xFF25352c);


                const Sage3 = Color(0xFF43604f);


                const Sage4 = Color(0xFF618a73);


                const Sage5 = Color(0xFF9cdfb9);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator