Book

Palette information

Blue

Cyan

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#0e1c36	rgb(14, 28, 54)	hsl(219, 59%, 13%)	hwb(219 5% 79%)	hsv 219°, 74%, 21%	cmyk 74%, 48%, 0%, 79%	Pantone 289C
#afcbff	rgb(175, 203, 255)	hsl(219, 100%, 84%)	hwb(219 69% 0%)	hsv 219°, 31%, 100%	cmyk 31%, 20%, 0%, 0%	Pantone 2717C
#d7f9ff	rgb(215, 249, 255)	hsl(189, 100%, 92%)	hwb(189 84% 0%)	hsv 189°, 16%, 100%	cmyk 16%, 2%, 0%, 0%	Pantone 656C
#f9fbf2	rgb(249, 251, 242)	hsl(73, 53%, 97%)	hwb(73 95% 2%)	hsv 73°, 4%, 98%	cmyk 1%, 0%, 4%, 2%	Pantone 663C
#ffede1	rgb(255, 237, 225)	hsl(24, 100%, 94%)	hwb(24 88% 0%)	hsv 24°, 12%, 100%	cmyk 0%, 7%, 12%, 0%	Pantone 705C

Click a color format to copy to your clipboard.

White background Black background

#0e1c36

17.0

#afcbff

1.6

#d7f9ff

1.1

#afcbff

1.0

#afcbff

1.1

Color blindness filter

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

Android color codes


                <color name="Book_1">#0e1c36</color>


                <color name="Book_2">#afcbff</color>


                <color name="Book_3">#d7f9ff</color>


                <color name="Book_4">#f9fbf2</color>


                <color name="Book_5">#ffede1</color>

Flutter color codes


                const Book1 = Color(0xFF0e1c36);


                const Book2 = Color(0xFFafcbff);


                const Book3 = Color(0xFFd7f9ff);


                const Book4 = Color(0xFFf9fbf2);


                const Book5 = Color(0xFFffede1);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator