Kirin

#DBC975

#9FA67A

#212F0C

#B35941

#746852

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#dbc975	rgb(219, 201, 117)	hsl(49 59% 66%)	oklab(83% -0.01 0.11)	oklch(83% 0.11 98)	color(display-p3 0.85 0.79 0.5)
	#9fa67a	rgb(159, 166, 122)	hsl(70 20% 56%)	oklab(71% -0.03 0.06)	oklch(71% 0.06 120)	color(display-p3 0.63 0.65 0.5)
	#212f0c	rgb(33, 47, 12)	hsl(84 59% 12%)	oklab(28% -0.04 0.05)	oklch(28% 0.06 130)	color(display-p3 0.14 0.18 0.07)
	#b35941	rgb(179, 89, 65)	hsl(13 47% 48%)	oklab(57% 0.1 0.07)	oklch(57% 0.12 36)	color(display-p3 0.66 0.37 0.28)
	#746852	rgb(116, 104, 82)	hsl(39 17% 39%)	oklab(52% 0 0.04)	oklch(52% 0.04 83)	color(display-p3 0.45 0.41 0.33)

 Click on a color value to copy it 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