Peace

Palette information

Orange

White

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e1b4b2	rgb(225, 180, 178)	hsl(3, 44%, 79%)	hwb(3 70% 12%)	hsv 3°, 21%, 88%	cmyk 0%, 20%, 21%, 12%	Pantone 5025C
#f6eae9	rgb(246, 234, 233)	hsl(5, 42%, 94%)	hwb(5 91% 4%)	hsv 5°, 5%, 96%	cmyk 0%, 5%, 5%, 4%	Pantone 663C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#e9f6f6	rgb(233, 246, 246)	hsl(180, 42%, 94%)	hwb(180 91% 4%)	hsv 180°, 5%, 96%	cmyk 5%, 0%, 0%, 4%	Pantone 656C
#b3dee0	rgb(179, 222, 224)	hsl(183, 42%, 79%)	hwb(183 70% 12%)	hsv 183°, 20%, 88%	cmyk 20%, 1%, 0%, 12%	Pantone 628C

Click a color format to copy to your clipboard.

White background Black background

#e1b4b2

1.8

#f6eae9

1.2

#ffffff

1.0

#f6eae9

1.1

#f6eae9

1.5

Color blindness filter

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

Android color codes


                <color name="Peace_1">#e1b4b2</color>


                <color name="Peace_2">#f6eae9</color>


                <color name="Peace_3">#ffffff</color>


                <color name="Peace_4">#e9f6f6</color>


                <color name="Peace_5">#b3dee0</color>

Flutter color codes


                const Peace1 = Color(0xFFe1b4b2);


                const Peace2 = Color(0xFFf6eae9);


                const Peace3 = Color(0xFFffffff);


                const Peace4 = Color(0xFFe9f6f6);


                const Peace5 = Color(0xFFb3dee0);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator