X

Palette colors overview

Sun Feb 10 2019

Black

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#3d4949	rgb(61, 73, 73)	hsl(180, 9%, 26%)	hwb(180 24% 71%)	hsv 180°, 16%, 29%	cmyk 16%, 0%, 0%, 71%	Pantone 446C
#75d3ec	rgb(117, 211, 236)	hsl(193, 76%, 69%)	hwb(193 46% 7%)	hsv 193°, 50%, 93%	cmyk 50%, 11%, 0%, 7%	Pantone 310C
#275287	rgb(39, 82, 135)	hsl(213, 55%, 34%)	hwb(213 15% 47%)	hsv 213°, 71%, 53%	cmyk 71%, 39%, 0%, 47%	Pantone 301C
#e6e6e6	rgb(230, 230, 230)	hsl(0, 0%, 90%)	hwb(0 90% 10%)	hsv 0°, 0%, 90%	cmyk 0%, 0%, 0%, 10%	Pantone 663C
#36aee0	rgb(54, 174, 224)	hsl(198, 73%, 55%)	hwb(198 21% 12%)	hsv 198°, 76%, 88%	cmyk 76%, 22%, 0%, 12%	Pantone 298C

Click a color format to copy to your clipboard.

Background

#3D4949

9.3

#75D3EC

1.7

#275287

7.9

#E6E6E6

1.2

#36AEE0

2.5

Color blindness filter

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

Android color codes


                <color name="X_1">#3D4949</color>


                <color name="X_2">#75D3EC</color>


                <color name="X_3">#275287</color>


                <color name="X_4">#E6E6E6</color>


                <color name="X_5">#36AEE0</color>

Flutter color codes


                const X1 = Color(0xFF3D4949);


                const X2 = Color(0xFF75D3EC);


                const X3 = Color(0xFF275287);


                const X4 = Color(0xFFE6E6E6);


                const X5 = Color(0xFF36AEE0);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator