Green Dragon

#AFCC9A

#215402

#08060B

#85A572

#4D4A59

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Black

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#afcc9a	rgb(175, 204, 154)	hsl(95 33% 70%)	oklab(81% -0.05 0.06)	oklch(81% 0.07 130)	color(display-p3 0.71 0.8 0.62)
	#215402	rgb(33, 84, 2)	hsl(97 95% 17%)	oklab(40% -0.09 0.08)	oklch(40% 0.12 140)	color(display-p3 0.18 0.32 0.08)
	#08060b	rgb(8, 6, 11)	hsl(260 29% 3.3%)	oklab(13% 0.01 -0.01)	oklch(13% 0.01 300)	color(display-p3 0.03 0.02 0.04)
	#85a572	rgb(133, 165, 114)	hsl(98 22% 55%)	oklab(68% -0.06 0.06)	oklch(68% 0.08 130)	color(display-p3 0.55 0.64 0.47)
	#4d4a59	rgb(77, 74, 89)	hsl(250 9.2% 32%)	oklab(42% 0.01 -0.02)	oklch(42% 0.02 290)	color(display-p3 0.3 0.29 0.34)

 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.

#AFCC9A

AA - 1.76



#215402

AAA - 8.99



#08060B

AAA - 20.16



#85A572

AA - 2.75



#4D4A59

AAA - 8.6



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(81.1% -0.051 0.055), oklab(39.5% -0.088 0.081), oklab(12.8% 0.007 -0.011), oklab(68.5% -0.056 0.058), oklab(41.8% 0.01 -0.023))

Fallback colors



background: linear-gradient(45deg, #AFCC9A, #215402, #08060B, #85A572, #4D4A59)

Colors



<!-- Primary Colors -->
<color name="green_dragon_color_10">#AFCC9A</color>
<color name="green_dragon_color_20">#215402</color>
<color name="green_dragon_color_30">#08060B</color>
<color name="green_dragon_color_40">#85A572</color>
<color name="green_dragon_color_50">#4D4A59</color>

PWA prompt