#177503

#5c974a

#92b984

#c8dcc0

Scales

Actions

Explore the gradient in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#177503	rgb(23, 117, 3)	hsl(110 95% 24%)	hwb(110 1.2% 54%)	lch(42.7 61.8 133)	lab(42.7 -42 45.3)	cmyk 80%, 0%, 97%, 54%
	#5c974a	rgb(92, 151, 74)	hsl(110 34% 44%)	hwb(110 29% 41%)	lch(57.1 46.3 133)	lab(57.1 -31.5 33.9)	cmyk 39%, 0%, 51%, 41%
	#92b984	rgb(146, 185, 132)	hsl(100 27% 62%)	hwb(100 52% 27%)	lch(71.3 30.9 133)	lab(71.3 -21.1 22.5)	cmyk 21%, 0%, 29%, 27%
	#c8dcc0	rgb(200, 220, 192)	hsl(100 29% 81%)	hwb(100 75% 14%)	lch(85.7 15.7 133)	lab(85.7 -10.7 11.4)	cmyk 9%, 0%, 13%, 14%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#177503

AA - 5.86



#5c974a

AA - 3.51



#92b984

AA - 2.21



#c8dcc0

AA - 1.45



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(49.1% -0.125 0.101), oklab(61.7% -0.094 0.083), oklab(74.3% -0.063 0.057), oklab(87.2% -0.032 0.03))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #177503, #5c974a, #92b984, #c8dcc0)

Colors



<!-- Primary Colors -->
<color name="scales_color_10">#177503</color>
<color name="scales_color_20">#5c974a</color>
<color name="scales_color_30">#92b984</color>
<color name="scales_color_40">#c8dcc0</color>

Gradient PRO

Pro feature only

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

PWA prompt