#DBC975

#9FA67A

#212F0C

#B35941

#746852

Kirin

#DBC975

#9FA67A

#212F0C

#B35941

#746852



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Red

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#dbc975	rgb(219, 201, 117)	hsl(49 59% 66%)	hwb(49 46% 14%)	lch(81.1 44.1 92.2)	lab(81.1 -1.69 44.1)	cmyk 0%, 8%, 47%, 14%
	#9fa67a	rgb(159, 166, 122)	hsl(70 20% 56%)	hwb(70 48% 35%)	lch(66.7 23.5 110)	lab(66.7 -8.17 22)	cmyk 4%, 0%, 27%, 35%
	#212f0c	rgb(33, 47, 12)	hsl(84 59% 12%)	hwb(84 4.7% 82%)	lch(17.5 22.6 120)	lab(17.5 -11.3 19.5)	cmyk 30%, 0%, 74%, 82%
	#b35941	rgb(179, 89, 65)	hsl(13 47% 48%)	hwb(13 25% 30%)	lch(48.9 47.7 41.2)	lab(48.9 35.9 31.4)	cmyk 0%, 50%, 64%, 30%
	#746852	rgb(116, 104, 82)	hsl(39 17% 39%)	hwb(39 32% 55%)	lch(44.7 14.4 81.4)	lab(44.7 2.16 14.3)	cmyk 0%, 10%, 29%, 55%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#DBC975

AA - 1.66



#9FA67A

AA - 2.55



#212F0C

AAA - 14.22



#B35941

AA - 4.74



#746852

AA - 5.46



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(83.3% -0.014 0.106), oklab(70.8% -0.026 0.056), oklab(28.3% -0.036 0.046), oklab(56.8% 0.1 0.072), oklab(52.2% 0.005 0.036))

Fallback colors



background: linear-gradient(45deg, #DBC975, #9FA67A, #212F0C, #B35941, #746852)

Colors



<!-- Primary Colors -->
<color name="kirin_color_10">#DBC975</color>
<color name="kirin_color_20">#9FA67A</color>
<color name="kirin_color_30">#212F0C</color>
<color name="kirin_color_40">#B35941</color>
<color name="kirin_color_50">#746852</color>

PWA prompt