Pastel Sapphire

Palette information

Orange

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ffab7a	rgb(255, 171, 122)	hsl(22, 100%, 74%)	hwb(22 48% 0%)	hsv 22°, 52%, 100%	cmyk 0%, 33%, 52%, 0%	Pantone 1565C
#ffd1a0	rgb(255, 209, 160)	hsl(31, 100%, 81%)	hwb(31 63% 0%)	hsv 31°, 37%, 100%	cmyk 0%, 18%, 37%, 0%	Pantone 712C
#ffebba	rgb(255, 235, 186)	hsl(43, 100%, 86%)	hwb(43 73% 0%)	hsv 43°, 27%, 100%	cmyk 0%, 8%, 27%, 0%	Pantone 155C
#5986a0	rgb(89, 134, 160)	hsl(202, 29%, 49%)	hwb(202 35% 37%)	hsv 202°, 44%, 63%	cmyk 44%, 16%, 0%, 37%	Pantone 5415C
#002d47	rgb(0, 45, 71)	hsl(202, 100%, 14%)	hwb(202 0% 72%)	hsv 202°, 100%, 28%	cmyk 100%, 37%, 0%, 72%	Pantone 2965C

Click a color format to copy to your clipboard.

White background Black background

#ffab7a

1.8

#ffd1a0

1.4

#ffebba

1.2

#ffd1a0

3.9

#ffd1a0

14.3

Color blindness filter

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

Android color codes


                <color name="Pastel Sapphire_1">#ffab7a</color>


                <color name="Pastel Sapphire_2">#ffd1a0</color>


                <color name="Pastel Sapphire_3">#ffebba</color>


                <color name="Pastel Sapphire_4">#5986a0</color>


                <color name="Pastel Sapphire_5">#002d47</color>

Flutter color codes


                const Pastel Sapphire1 = Color(0xFFffab7a);


                const Pastel Sapphire2 = Color(0xFFffd1a0);


                const Pastel Sapphire3 = Color(0xFFffebba);


                const Pastel Sapphire4 = Color(0xFF5986a0);


                const Pastel Sapphire5 = Color(0xFF002d47);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator