Noir

Palette information

Tue Aug 02 2022

triad

Grey

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#a0a6b2	rgb(160, 166, 178)	hsl(220, 10%, 66%)	hwb(220 63% 30%)	hsv 220°, 10%, 70%	cmyk 10%, 7%, 0%, 30%	Pantone 429C
#cbced5	rgb(203, 206, 213)	hsl(222, 11%, 82%)	hwb(222 80% 16%)	hsv 222°, 5%, 84%	cmyk 5%, 3%, 0%, 16%	Pantone 538C
#e7e8ec	rgb(231, 232, 236)	hsl(228, 12%, 92%)	hwb(228 91% 7%)	hsv 228°, 2%, 93%	cmyk 2%, 2%, 0%, 7%	Pantone 663C
#b2a0a6	rgb(178, 160, 166)	hsl(340, 10%, 66%)	hwb(340 63% 30%)	hsv 340°, 10%, 70%	cmyk 0%, 10%, 7%, 30%	Pantone 436C
#a6b2a0	rgb(166, 178, 160)	hsl(100, 10%, 66%)	hwb(100 63% 30%)	hsv 100°, 10%, 70%	cmyk 7%, 0%, 10%, 30%	Pantone 5645C

Click a color format to copy to your clipboard.

Background

#a0a6b2

2.4

#cbced5

1.6

#e7e8ec

1.2

#b2a0a6

2.5

#a6b2a0

2.2

Color blindness filter

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

Android color codes


                <color name="Noir_1">#a0a6b2</color>


                <color name="Noir_2">#cbced5</color>


                <color name="Noir_3">#e7e8ec</color>


                <color name="Noir_4">#b2a0a6</color>


                <color name="Noir_5">#a6b2a0</color>

Flutter color codes


                const Noir1 = Color(0xFFa0a6b2);


                const Noir2 = Color(0xFFcbced5);


                const Noir3 = Color(0xFFe7e8ec);


                const Noir4 = Color(0xFFb2a0a6);


                const Noir5 = Color(0xFFa6b2a0);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator