Beam

#0a440a

#138a2e

#1ce152

#52f57e

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#0a440a	rgb(10, 68, 10)	hsl(120 74% 15%)	hwb(120 3.9% 73%)	lch(24.4 39.3 136)	lab(24.4 -28.2 27.4)	cmyk 85%, 0%, 85%, 73%
	#138a2e	rgb(19, 138, 46)	hsl(130 76% 31%)	hwb(130 7.5% 46%)	lch(50.1 60.5 140)	lab(50.1 -46.6 38.6)	cmyk 86%, 0%, 67%, 46%
	#1ce152	rgb(28, 225, 82)	hsl(140 78% 50%)	hwb(140 11% 12%)	lch(78.9 86.9 141)	lab(78.9 -67.6 54.6)	cmyk 88%, 0%, 64%, 12%
	#52f57e	rgb(82, 245, 126)	hsl(140 89% 64%)	hwb(140 32% 3.9%)	lch(86.3 76.5 145)	lab(86.3 -62.5 44.1)	cmyk 67%, 0%, 49%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#0a440a

AAA - 11.38



#138a2e

AA - 4.46



#1ce152

AA - 1.75



#52f57e

AA - 1.42



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(33.8% -0.083 0.063), oklab(55.3% -0.135 0.092), oklab(79.4% -0.195 0.13), oklab(85.9% -0.18 0.109))

Fallback colors



background: linear-gradient(45deg, #0a440a, #138a2e, #1ce152, #52f57e)

Colors



<!-- Primary Colors -->
<color name="beam_color_10">#0a440a</color>
<color name="beam_color_20">#138a2e</color>
<color name="beam_color_30">#1ce152</color>
<color name="beam_color_40">#52f57e</color>

PWA prompt