NATURE

Palette information

Blue

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#2a7e5e	rgb(42, 126, 94)	hsl(157, 50%, 33%)	hwb(157 16% 51%)	hsv 157°, 67%, 49%	cmyk 67%, 0%, 25%, 51%	Pantone 335C
#255a6f	rgb(37, 90, 111)	hsl(197, 50%, 29%)	hwb(197 15% 56%)	hsv 197°, 67%, 44%	cmyk 67%, 19%, 0%, 56%	Pantone 315C
#3cb2b4	rgb(60, 178, 180)	hsl(181, 50%, 47%)	hwb(181 24% 29%)	hsv 181°, 67%, 71%	cmyk 67%, 1%, 0%, 29%	Pantone 320C
#6acd84	rgb(106, 205, 132)	hsl(136, 50%, 61%)	hwb(136 42% 20%)	hsv 136°, 48%, 80%	cmyk 48%, 0%, 36%, 20%	Pantone 346C
#f4fbf4	rgb(244, 251, 244)	hsl(120, 47%, 97%)	hwb(120 96% 2%)	hsv 120°, 3%, 98%	cmyk 3%, 0%, 3%, 2%	Pantone 621C

Click a color format to copy to your clipboard.

White background Black background

#2a7e5e

4.9

#255a6f

7.6

#3cb2b4

2.6

#255a6f

2.0

#255a6f

1.1

Color blindness filter

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

Android color codes


                <color name="NATURE_1">#2a7e5e</color>


                <color name="NATURE_2">#255a6f</color>


                <color name="NATURE_3">#3cb2b4</color>


                <color name="NATURE_4">#6acd84</color>


                <color name="NATURE_5">#f4fbf4</color>

Flutter color codes


                const NATURE1 = Color(0xFF2a7e5e);


                const NATURE2 = Color(0xFF255a6f);


                const NATURE3 = Color(0xFF3cb2b4);


                const NATURE4 = Color(0xFF6acd84);


                const NATURE5 = Color(0xFFf4fbf4);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator