Grey/Yellow

Palette information

Sun Jul 07 2019

Grey

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#455a64	rgb(69, 90, 100)	hsl(199, 18%, 33%)	hwb(199 27% 61%)	hsv 199°, 31%, 39%	cmyk 31%, 10%, 0%, 61%	Pantone 431C
#607d8b	rgb(96, 125, 139)	hsl(200, 18%, 46%)	hwb(200 38% 45%)	hsv 200°, 31%, 55%	cmyk 31%, 10%, 0%, 45%	Pantone 5415C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#ffc107	rgb(255, 193, 7)	hsl(45, 100%, 51%)	hwb(45 3% 0%)	hsv 45°, 97%, 100%	cmyk 0%, 24%, 97%, 0%	Pantone 123C
#212121	rgb(33, 33, 33)	hsl(0, 0%, 13%)	hwb(0 13% 87%)	hsv 0°, 0%, 13%	cmyk 0%, 0%, 0%, 87%	Pantone 419C

Click a color format to copy to your clipboard.

Background

#455a64

7.2

#607d8b

4.4

#ffffff

1.0

#ffc107

1.6

#212121

16.1

Color blindness filter

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

Android color codes


                <color name="Grey/Yellow_1">#455a64</color>


                <color name="Grey/Yellow_2">#607d8b</color>


                <color name="Grey/Yellow_3">#ffffff</color>


                <color name="Grey/Yellow_4">#ffc107</color>


                <color name="Grey/Yellow_5">#212121</color>

Flutter color codes


                const Grey/Yellow1 = Color(0xFF455a64);


                const Grey/Yellow2 = Color(0xFF607d8b);


                const Grey/Yellow3 = Color(0xFFffffff);


                const Grey/Yellow4 = Color(0xFFffc107);


                const Grey/Yellow5 = Color(0xFF212121);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator