Kirin

Palette information

Red

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#dbc975	rgb(219, 201, 117)	hsl(49, 59%, 66%)	hwb(49 46% 14%)	hsv 49°, 47%, 86%	cmyk 0%, 8%, 47%, 14%	Pantone 460C
#9fa67a	rgb(159, 166, 122)	hsl(70, 20%, 56%)	hwb(70 48% 35%)	hsv 70°, 27%, 65%	cmyk 4%, 0%, 27%, 35%	Pantone 5783C
#212f0c	rgb(33, 47, 12)	hsl(84, 59%, 12%)	hwb(84 5% 82%)	hsv 84°, 74%, 18%	cmyk 30%, 0%, 74%, 82%	Pantone 5747C
#b35941	rgb(179, 89, 65)	hsl(13, 47%, 48%)	hwb(13 25% 30%)	hsv 13°, 64%, 70%	cmyk 0%, 50%, 64%, 30%	Pantone 470C
#746852	rgb(116, 104, 82)	hsl(39, 17%, 39%)	hwb(39 32% 55%)	hsv 39°, 29%, 45%	cmyk 0%, 10%, 29%, 55%	Pantone 404C

Click a color format to copy to your clipboard.

White background Black background

#DBC975

1.7

#9FA67A

2.6

#212F0C

14.2

#9FA67A

4.7

#9FA67A

5.5

Color blindness filter

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

Android color codes


                <color name="Kirin_1">#DBC975</color>


                <color name="Kirin_2">#9FA67A</color>


                <color name="Kirin_3">#212F0C</color>


                <color name="Kirin_4">#B35941</color>


                <color name="Kirin_5">#746852</color>

Flutter color codes


                const Kirin1 = Color(0xFFDBC975);


                const Kirin2 = Color(0xFF9FA67A);


                const Kirin3 = Color(0xFF212F0C);


                const Kirin4 = Color(0xFFB35941);


                const Kirin5 = Color(0xFF746852);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator