Flat 2

Palette information

Orange

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e36b58	rgb(227, 107, 88)	hsl(8, 71%, 62%)	hwb(8 35% 11%)	hsv 8°, 61%, 89%	cmyk 0%, 53%, 61%, 11%	Pantone 170C
#7d7d7d	rgb(125, 125, 125)	hsl(0, 0%, 49%)	hwb(0 49% 51%)	hsv 0°, 0%, 49%	cmyk 0%, 0%, 0%, 51%	Pantone 424C
#8f9bc4	rgb(143, 155, 196)	hsl(226, 31%, 66%)	hwb(226 56% 23%)	hsv 226°, 27%, 77%	cmyk 27%, 21%, 0%, 23%	Pantone 652C
#ced6f2	rgb(206, 214, 242)	hsl(227, 58%, 88%)	hwb(227 81% 5%)	hsv 227°, 15%, 95%	cmyk 15%, 12%, 0%, 5%	Pantone 2706C
#fffaf2	rgb(255, 250, 242)	hsl(37, 100%, 97%)	hwb(37 95% 0%)	hsv 37°, 5%, 100%	cmyk 0%, 2%, 5%, 0%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#e36b58

3.2

#7d7d7d

4.1

#8f9bc4

2.7

#7d7d7d

1.4

#7d7d7d

1.0

Color blindness filter

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

Android color codes


                <color name="Flat 2_1">#e36b58</color>


                <color name="Flat 2_2">#7d7d7d</color>


                <color name="Flat 2_3">#8f9bc4</color>


                <color name="Flat 2_4">#ced6f2</color>


                <color name="Flat 2_5">#fffaf2</color>

Flutter color codes


                const Flat 21 = Color(0xFFe36b58);


                const Flat 22 = Color(0xFF7d7d7d);


                const Flat 23 = Color(0xFF8f9bc4);


                const Flat 24 = Color(0xFFced6f2);


                const Flat 25 = Color(0xFFfffaf2);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator