Brave

Palette information

Blue

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#5144e3	rgb(81, 68, 227)	hsl(245, 74%, 58%)	hwb(245 27% 11%)	hsv 245°, 70%, 89%	cmyk 64%, 70%, 0%, 11%	Pantone 2736C
#8378f5	rgb(131, 120, 245)	hsl(245, 86%, 72%)	hwb(245 47% 4%)	hsv 245°, 51%, 96%	cmyk 47%, 51%, 0%, 4%	Pantone 814C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#e6b565	rgb(230, 181, 101)	hsl(37, 72%, 65%)	hwb(37 40% 10%)	hsv 37°, 56%, 90%	cmyk 0%, 21%, 56%, 10%	Pantone 1355C
#e6a747	rgb(230, 167, 71)	hsl(36, 76%, 59%)	hwb(36 28% 10%)	hsv 36°, 69%, 90%	cmyk 0%, 27%, 69%, 10%	Pantone 150C

Click a color format to copy to your clipboard.

White background Black background

#5144e3

6.4

#8378f5

3.5

#ffffff

1.0

#8378f5

1.9

#8378f5

2.1

Color blindness filter

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

Android color codes


                <color name="Brave_1">#5144e3</color>


                <color name="Brave_2">#8378f5</color>


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


                <color name="Brave_4">#e6b565</color>


                <color name="Brave_5">#e6a747</color>

Flutter color codes


                const Brave1 = Color(0xFF5144e3);


                const Brave2 = Color(0xFF8378f5);


                const Brave3 = Color(0xFFffffff);


                const Brave4 = Color(0xFFe6b565);


                const Brave5 = Color(0xFFe6a747);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator