Application

Colors overview

Thu Apr 20 2023

normal

Black

Orange

Pink

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#121212	rgb(18, 18, 18)	hsl(0, 0%, 7%)	hwb(0 7% 93%)	hsv 0°, 0%, 7%	cmyk 0%, 0%, 0%, 93%	Pantone 419C
#ff5e45	rgb(255, 94, 69)	hsl(8, 100%, 64%)	hwb(8 27% 0%)	hsv 8°, 73%, 100%	cmyk 0%, 63%, 73%, 0%	Pantone 171C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#fc5ba6	rgb(252, 91, 166)	hsl(332, 96%, 67%)	hwb(332 36% 1%)	hsv 332°, 64%, 99%	cmyk 0%, 64%, 34%, 1%	Pantone 812C
#8f0043	rgb(143, 0, 67)	hsl(332, 100%, 28%)	hwb(332 0% 44%)	hsv 332°, 100%, 56%	cmyk 0%, 100%, 53%, 44%	Pantone 221C

Click a color format to copy to your clipboard.

Background

#121212

18.7

#ff5e45

3.0

#ffffff

1.0

#fc5ba6

2.9

#8f0043

9.3

Color blindness filter

Text (Toggle dark mode to change text color)

Android color codes


                <color name="Application_1">#121212</color>


                <color name="Application_2">#ff5e45</color>


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


                <color name="Application_4">#fc5ba6</color>


                <color name="Application_5">#8f0043</color>

Flutter color codes


                const Application1 = Color(0xFF121212);


                const Application2 = Color(0xFFff5e45);


                const Application3 = Color(0xFFffffff);


                const Application4 = Color(0xFFfc5ba6);


                const Application5 = Color(0xFF8f0043);