Cool

Palette information

Blue

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#1976d2	rgb(25, 118, 210)	hsl(210, 79%, 46%)	hwb(210 10% 18%)	hsv 210°, 88%, 82%	cmyk 88%, 44%, 0%, 18%	Pantone 285C
#2196f3	rgb(33, 150, 243)	hsl(207, 90%, 54%)	hwb(207 13% 5%)	hsv 207°, 86%, 95%	cmyk 86%, 38%, 0%, 5%	Pantone 279C
#bbdefb	rgb(187, 222, 251)	hsl(207, 89%, 86%)	hwb(207 73% 2%)	hsv 207°, 25%, 98%	cmyk 25%, 12%, 0%, 2%	Pantone 2707C
#ffc107	rgb(255, 193, 7)	hsl(45, 100%, 51%)	hwb(45 3% 0%)	hsv 45°, 97%, 100%	cmyk 0%, 24%, 97%, 0%	Pantone 123C
#474646	rgb(71, 70, 70)	hsl(0, 1%, 28%)	hwb(0 27% 72%)	hsv 0°, 1%, 28%	cmyk 0%, 1%, 1%, 72%	Pantone 446C

Click a color format to copy to your clipboard.

White background Black background

#1976d2

4.6

#2196f3

3.1

#bbdefb

1.4

#2196f3

1.6

#2196f3

9.4

Color blindness filter

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

Android color codes


                <color name="Cool_1">#1976d2</color>


                <color name="Cool_2">#2196f3</color>


                <color name="Cool_3">#bbdefb</color>


                <color name="Cool_4">#ffc107</color>


                <color name="Cool_5">#474646</color>

Flutter color codes


                const Cool1 = Color(0xFF1976d2);


                const Cool2 = Color(0xFF2196f3);


                const Cool3 = Color(0xFFbbdefb);


                const Cool4 = Color(0xFFffc107);


                const Cool5 = Color(0xFF474646);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator