#06120d

#133d2a

#206748

#2c9266

#46e7a1

Jade

Actions

Explore the gradient in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#06120d	rgb(6, 18, 13)	hsl(160 50% 4.7%)	hwb(160 2.4% 93%)	lch(4.5 4.63 165)	lab(4.5 -4.47 1.18)	cmyk 67%, 0%, 28%, 93%
	#133d2a	rgb(19, 61, 42)	hsl(150 53% 16%)	hwb(150 7.5% 76%)	lch(22.4 20.6 159)	lab(22.4 -19.3 7.25)	cmyk 69%, 0%, 31%, 76%
	#206748	rgb(32, 103, 72)	hsl(150 53% 26%)	hwb(150 13% 60%)	lch(38.6 31 160)	lab(38.6 -29 10.9)	cmyk 69%, 0%, 30%, 60%
	#2c9266	rgb(44, 146, 102)	hsl(150 54% 37%)	hwb(150 17% 43%)	lch(54 41.2 159)	lab(54 -38.5 14.6)	cmyk 70%, 0%, 30%, 43%
	#46e7a1	rgb(70, 231, 161)	hsl(150 77% 59%)	hwb(150 27% 9.4%)	lch(82.3 59.4 159)	lab(82.3 -55.3 21.7)	cmyk 70%, 0%, 30%, 9%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#06120d

AAA - 19.08



#133d2a

AAA - 12.14



#206748

AA - 6.78



#2c9266

AA - 3.88



#46e7a1

AA - 1.59



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(16.8% -0.02 0.005), oklab(32.4% -0.055 0.019), oklab(46.1% -0.082 0.029), oklab(59% -0.109 0.038), oklab(82.8% -0.156 0.057))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #06120d, #133d2a, #206748, #2c9266, #46e7a1)

Colors



<!-- Primary Colors -->
<color name="jade_color_10">#06120d</color>
<color name="jade_color_20">#133d2a</color>
<color name="jade_color_30">#206748</color>
<color name="jade_color_40">#2c9266</color>
<color name="jade_color_50">#46e7a1</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt