Pain

Palette information

Red

Black

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#da6a20	rgb(218, 106, 32)	hsl(24, 74%, 49%)	hwb(24 13% 15%)	hsv 24°, 85%, 85%	cmyk 0%, 51%, 85%, 15%	Pantone 159C
#3d3544	rgb(61, 53, 68)	hsl(272, 12%, 24%)	hwb(272 21% 73%)	hsv 272°, 22%, 27%	cmyk 10%, 22%, 0%, 73%	Pantone 5185C
#dabeb0	rgb(218, 190, 176)	hsl(20, 36%, 77%)	hwb(20 69% 15%)	hsv 20°, 19%, 85%	cmyk 0%, 13%, 19%, 15%	Pantone 481C
#afa0c1	rgb(175, 160, 193)	hsl(267, 21%, 69%)	hwb(267 63% 24%)	hsv 267°, 17%, 76%	cmyk 9%, 17%, 0%, 24%	Pantone 666C
#8a303a	rgb(138, 48, 58)	hsl(353, 48%, 36%)	hwb(353 19% 46%)	hsv 353°, 65%, 54%	cmyk 0%, 65%, 58%, 46%	Pantone 202C

Click a color format to copy to your clipboard.

White background Black background

#DA6A20

3.5

#3D3544

11.7

#DABEB0

1.8

#3D3544

2.4

#3D3544

8.2

Color blindness filter

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

Android color codes


                <color name="Pain_1">#DA6A20</color>


                <color name="Pain_2">#3D3544</color>


                <color name="Pain_3">#DABEB0</color>


                <color name="Pain_4">#AFA0C1</color>


                <color name="Pain_5">#8A303A</color>

Flutter color codes


                const Pain1 = Color(0xFFDA6A20);


                const Pain2 = Color(0xFF3D3544);


                const Pain3 = Color(0xFFDABEB0);


                const Pain4 = Color(0xFFAFA0C1);


                const Pain5 = Color(0xFF8A303A);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator