#cdf6d7

#8ceaa2

#8ca6ea

#ea8cd5

#ead18c

Pastel

Colors overview

Green
Blue
Pink
Yellow
Color HEX RGB HSL HWB HSV CMYK Pantone (Or similar) Color schemes
#cdf6d7 rgb(205, 246, 215) hsl(135, 69%, 88%) hwb(135 80% 4%) hsv 135°, 17%, 96% cmyk 17%, 0%, 13%, 4% Pantone 573C
#8ceaa2 rgb(140, 234, 162) hsl(134, 69%, 73%) hwb(134 55% 8%) hsv 134°, 40%, 92% cmyk 40%, 0%, 31%, 8% Pantone 353C
#8ca6ea rgb(140, 166, 234) hsl(223, 69%, 73%) hwb(223 55% 8%) hsv 223°, 40%, 92% cmyk 40%, 29%, 0%, 8% Pantone 2716C
#ea8cd5 rgb(234, 140, 213) hsl(313, 69%, 73%) hwb(313 55% 8%) hsv 313°, 40%, 92% cmyk 0%, 40%, 9%, 8% Pantone 237C
#ead18c rgb(234, 209, 140) hsl(44, 69%, 73%) hwb(44 55% 8%) hsv 44°, 40%, 92% cmyk 0%, 11%, 40%, 8% Pantone 461C

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

Pastel

Android color codes

<color name="Pastel_1">#cdf6d7</color>
<color name="Pastel_2">#8ceaa2</color>
<color name="Pastel_3">#8ca6ea</color>
<color name="Pastel_4">#ea8cd5</color>
<color name="Pastel_5">#ead18c</color>

Flutter color codes

const Pastel1 = Color(0xFFcdf6d7);
const Pastel2 = Color(0xFF8ceaa2);
const Pastel3 = Color(0xFF8ca6ea);
const Pastel4 = Color(0xFFea8cd5);
const Pastel5 = Color(0xFFead18c);

Pastel details

Type

Palette

Combination scheme

tetrad

Colors

Green
Blue
Pink
Yellow

Tags

pastel

Created

Fri May 20 2022