Flat 2

#e36b58

#7d7d7d

#8f9bc4

#ced6f2

#fffaf2

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);

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

Color blindness

Color blindness filter

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

Added in v3.2

Featured tools

Gradient generator

Palette generator