Xebel

Palette information

Red

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ac1313	rgb(172, 19, 19)	hsl(0, 80%, 37%)	hwb(0 7% 33%)	hsv 0°, 89%, 67%	cmyk 0%, 89%, 89%, 33%	Pantone 711C
#ecd3c3	rgb(236, 211, 195)	hsl(23, 52%, 85%)	hwb(23 76% 7%)	hsv 23°, 17%, 93%	cmyk 0%, 11%, 17%, 7%	Pantone 482C
#04708c	rgb(4, 112, 140)	hsl(192, 94%, 28%)	hwb(192 2% 45%)	hsv 192°, 97%, 55%	cmyk 97%, 20%, 0%, 45%	Pantone 315C
#034863	rgb(3, 72, 99)	hsl(197, 94%, 20%)	hwb(197 1% 61%)	hsv 197°, 97%, 39%	cmyk 97%, 27%, 0%, 61%	Pantone 3025C
#023248	rgb(2, 50, 72)	hsl(199, 95%, 15%)	hwb(199 1% 72%)	hsv 199°, 97%, 28%	cmyk 97%, 31%, 0%, 72%	Pantone 303C

Click a color format to copy to your clipboard.

White background Black background

#AC1313

7.4

#ECD3C3

1.4

#04708C

5.7

#ECD3C3

9.9

#ECD3C3

13.5

Color blindness filter

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

Android color codes


                <color name="Xebel_1">#AC1313</color>


                <color name="Xebel_2">#ECD3C3</color>


                <color name="Xebel_3">#04708C</color>


                <color name="Xebel_4">#034863</color>


                <color name="Xebel_5">#023248</color>

Flutter color codes


                const Xebel1 = Color(0xFFAC1313);


                const Xebel2 = Color(0xFFECD3C3);


                const Xebel3 = Color(0xFF04708C);


                const Xebel4 = Color(0xFF034863);


                const Xebel5 = Color(0xFF023248);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator