#e36b58

#7d7d7d

#8f9bc4

#ced6f2

#fffaf2

Flat 2

Colors overview

Orange
Blue
Color HEX RGB HSL HWB HSV CMYK Pantone (Or similar) Color schemes
#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.

Contrast checker

Click one color card to view the complete contrast checker tests.

Color blindness

Note: The color blindness filters do not work on some browsers.

Palette examples preview

Flat 2

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

Flat 2 details

Type

Palette

Combination scheme

Colors

Orange
Blue

Tags

Created

Wed Apr 03 2019