Green Dragon

#AFCC9A

#215402

#08060B

#85A572

#4D4A59

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#afcc9a	rgb(175, 204, 154)	hsl(95 33% 70%)	hwb(95 60% 20%)	lch(78.9 27.4 128)	lab(78.9 -16.8 21.6)	cmyk 14%, 0%, 25%, 20%
	#215402	rgb(33, 84, 2)	hsl(97 95% 17%)	hwb(97 0.78% 67%)	lch(31.1 46.4 128)	lab(31.1 -28.7 36.5)	cmyk 61%, 0%, 98%, 67%
	#08060b	rgb(8, 6, 11)	hsl(260 29% 3.3%)	hwb(260 2.4% 96%)	lch(1.85 2.02 302)	lab(1.85 1.06 -1.72)	cmyk 27%, 45%, 0%, 96%
	#85a572	rgb(133, 165, 114)	hsl(98 22% 55%)	hwb(98 45% 35%)	lch(64.3 29.4 129)	lab(64.3 -18.6 22.8)	cmyk 19%, 0%, 31%, 35%
	#4d4a59	rgb(77, 74, 89)	hsl(250 9.2% 32%)	hwb(250 29% 65%)	lch(32.2 9.27 295)	lab(32.2 3.86 -8.43)	cmyk 13%, 17%, 0%, 65%

 Click a color format to copy 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