Reef

Palette information

Green

Blue

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#02a363	rgb(2, 163, 99)	hsl(156, 98%, 32%)	hwb(156 1% 36%)	hsv 156°, 99%, 64%	cmyk 99%, 0%, 39%, 36%	Pantone 340C
#33e89a	rgb(51, 232, 154)	hsl(154, 80%, 55%)	hwb(154 20% 9%)	hsv 154°, 78%, 91%	cmyk 78%, 0%, 34%, 9%	Pantone 3395C
#c7f8ff	rgb(199, 248, 255)	hsl(188, 100%, 89%)	hwb(188 78% 0%)	hsv 188°, 22%, 100%	cmyk 22%, 3%, 0%, 0%	Pantone 317C
#91dcff	rgb(145, 220, 255)	hsl(199, 100%, 78%)	hwb(199 57% 0%)	hsv 199°, 43%, 100%	cmyk 43%, 14%, 0%, 0%	Pantone 2905C
#0490bf	rgb(4, 144, 191)	hsl(195, 96%, 38%)	hwb(195 2% 25%)	hsv 195°, 98%, 75%	cmyk 98%, 25%, 0%, 25%	Pantone 639C

Click a color format to copy to your clipboard.

White background Black background

#02a363

3.3

#33e89a

1.6

#c7f8ff

1.1

#33e89a

1.5

#33e89a

3.7

Color blindness filter

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

Android color codes


                <color name="Reef_1">#02a363</color>


                <color name="Reef_2">#33e89a</color>


                <color name="Reef_3">#c7f8ff</color>


                <color name="Reef_4">#91dcff</color>


                <color name="Reef_5">#0490bf</color>

Flutter color codes


                const Reef1 = Color(0xFF02a363);


                const Reef2 = Color(0xFF33e89a);


                const Reef3 = Color(0xFFc7f8ff);


                const Reef4 = Color(0xFF91dcff);


                const Reef5 = Color(0xFF0490bf);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator