California

Palette information

Blue

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#0158a7	rgb(1, 88, 167)	hsl(209, 99%, 33%)	hwb(209 0% 35%)	hsv 209°, 99%, 65%	cmyk 99%, 47%, 0%, 35%	Pantone 2945C
#0465a7	rgb(4, 101, 167)	hsl(204, 95%, 34%)	hwb(204 2% 35%)	hsv 204°, 98%, 65%	cmyk 98%, 40%, 0%, 35%	Pantone 3015C
#48201b	rgb(72, 32, 27)	hsl(7, 45%, 19%)	hwb(7 11% 72%)	hsv 7°, 63%, 28%	cmyk 0%, 56%, 63%, 72%	Pantone 4625C
#f28b35	rgb(242, 139, 53)	hsl(27, 88%, 58%)	hwb(27 21% 5%)	hsv 27°, 78%, 95%	cmyk 0%, 43%, 78%, 5%	Pantone 715C
#bf3a03	rgb(191, 58, 3)	hsl(18, 97%, 38%)	hwb(18 1% 25%)	hsv 18°, 98%, 75%	cmyk 0%, 70%, 98%, 25%	Pantone 173C

Click a color format to copy to your clipboard.

White background Black background

#0158A7

7.1

#0465A7

6.1

#48201B

14.0

#0465A7

2.5

#0465A7

5.5

Color blindness filter

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

Android color codes


                <color name="California_1">#0158A7</color>


                <color name="California_2">#0465A7</color>


                <color name="California_3">#48201B</color>


                <color name="California_4">#F28B35</color>


                <color name="California_5">#BF3A03</color>

Flutter color codes


                const California1 = Color(0xFF0158A7);


                const California2 = Color(0xFF0465A7);


                const California3 = Color(0xFF48201B);


                const California4 = Color(0xFFF28B35);


                const California5 = Color(0xFFBF3A03);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator