Citrine

Gradient information

Sun Dec 12 2021

Yellow

Brown

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ec9e18	rgb(236, 158, 24)	hsl(38, 85%, 51%)	hwb(38 9% 7%)	hsv 38°, 90%, 93%	cmyk 0%, 33%, 90%, 7%	Pantone 130C
#b9812d	rgb(185, 129, 45)	hsl(36, 61%, 45%)	hwb(36 18% 27%)	hsv 36°, 76%, 73%	cmyk 0%, 30%, 76%, 27%	Pantone 146C
#784907	rgb(120, 73, 7)	hsl(35, 89%, 25%)	hwb(35 3% 53%)	hsv 35°, 94%, 47%	cmyk 0%, 39%, 94%, 53%	Pantone 731C

Click a color format to copy to your clipboard.

Background

#ec9e18

2.2

#b9812d

3.4

#784907

7.6

Color blindness filter

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

Far far away, behind the word mountains

Android color codes


                <color name="Citrine_1">#ec9e18</color>


                <color name="Citrine_2">#b9812d</color>


                <color name="Citrine_3">#784907</color>

Android gradient PRO

Flutter color codes


                const Citrine1 = Color(0xFFec9e18);


                const Citrine2 = Color(0xFFb9812d);


                const Citrine3 = Color(0xFF784907);

Flutter gradient PRO

Featured tools

Gradient generator

Mesh gradient generator

Palette generator