Ocean

Palette information

Blue

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#06cde0	rgb(6, 205, 224)	hsl(185, 95%, 45%)	hwb(185 2% 12%)	hsv 185°, 97%, 88%	cmyk 97%, 8%, 0%, 12%	Pantone 3115C
#02a4ec	rgb(2, 164, 236)	hsl(198, 98%, 47%)	hwb(198 1% 7%)	hsv 198°, 99%, 93%	cmyk 99%, 31%, 0%, 7%	Pantone 2925C
#0a98f2	rgb(10, 152, 242)	hsl(203, 92%, 49%)	hwb(203 4% 5%)	hsv 203°, 96%, 95%	cmyk 96%, 37%, 0%, 5%	Pantone 279C
#2276d8	rgb(34, 118, 216)	hsl(212, 73%, 49%)	hwb(212 13% 15%)	hsv 212°, 84%, 85%	cmyk 84%, 45%, 0%, 15%	Pantone 2727C
#066ec5	rgb(6, 110, 197)	hsl(207, 94%, 40%)	hwb(207 2% 23%)	hsv 207°, 97%, 77%	cmyk 97%, 44%, 0%, 23%	Pantone 285C

Click a color format to copy to your clipboard.

White background Black background

#06CDE0

1.9

#02A4EC

2.8

#0A98F2

3.1

#02A4EC

4.5

#02A4EC

5.2

Color blindness filter

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

Android color codes


                <color name="Ocean_1">#06CDE0</color>


                <color name="Ocean_2">#02A4EC</color>


                <color name="Ocean_3">#0A98F2</color>


                <color name="Ocean_4">#2276D8</color>


                <color name="Ocean_5">#066EC5</color>

Flutter color codes


                const Ocean1 = Color(0xFF06CDE0);


                const Ocean2 = Color(0xFF02A4EC);


                const Ocean3 = Color(0xFF0A98F2);


                const Ocean4 = Color(0xFF2276D8);


                const Ocean5 = Color(0xFF066EC5);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator