Ocean Cliff

Palette information

Brown

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#2e2c1d	rgb(46, 44, 29)	hsl(53, 23%, 15%)	hwb(53 11% 82%)	hsv 53°, 37%, 18%	cmyk 0%, 4%, 37%, 82%	Pantone 412C
#b49f74	rgb(180, 159, 116)	hsl(40, 30%, 58%)	hwb(40 45% 29%)	hsv 40°, 36%, 71%	cmyk 0%, 12%, 36%, 29%	Pantone 452C
#c4c8b1	rgb(196, 200, 177)	hsl(70, 17%, 74%)	hwb(70 69% 22%)	hsv 70°, 12%, 78%	cmyk 2%, 0%, 12%, 22%	Pantone 5803C
#e9e6d3	rgb(233, 230, 211)	hsl(52, 33%, 87%)	hwb(52 83% 9%)	hsv 52°, 9%, 91%	cmyk 0%, 1%, 9%, 9%	Pantone 621C
#3f695f	rgb(63, 105, 95)	hsl(166, 25%, 33%)	hwb(166 25% 59%)	hsv 166°, 40%, 41%	cmyk 40%, 0%, 10%, 59%	Pantone 5545C

Click a color format to copy to your clipboard.

White background Black background

#2e2c1d

14.1

#b49f74

2.6

#c4c8b1

1.7

#b49f74

1.3

#b49f74

6.2

Color blindness filter

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

Android color codes


                <color name="Ocean Cliff_1">#2e2c1d</color>


                <color name="Ocean Cliff_2">#b49f74</color>


                <color name="Ocean Cliff_3">#c4c8b1</color>


                <color name="Ocean Cliff_4">#e9e6d3</color>


                <color name="Ocean Cliff_5">#3f695f</color>

Flutter color codes


                const Ocean Cliff1 = Color(0xFF2e2c1d);


                const Ocean Cliff2 = Color(0xFFb49f74);


                const Ocean Cliff3 = Color(0xFFc4c8b1);


                const Ocean Cliff4 = Color(0xFFe9e6d3);


                const Ocean Cliff5 = Color(0xFF3f695f);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator