Bucks Color Palette

#2f8012

#51ad30

#74b85c

#e3e3e3

#ffffff

#2f8012

#51ad30

#74b85c

#e3e3e3

#ffffff

Colors overview

Green

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2f8012	rgb(47, 128, 18)	hsl(100 75% 29%)	hwb(100 7.1% 50%)	lch(47.2 61.1 131)	lab(47.2 -40.2 46)	cmyk 63%, 0%, 86%, 50%
	#51ad30	rgb(81, 173, 48)	hsl(100 57% 43%)	hwb(100 19% 32%)	lch(63.3 69 131)	lab(63.3 -45.4 52)	cmyk 53%, 0%, 72%, 32%
	#74b85c	rgb(116, 184, 92)	hsl(100 39% 54%)	hwb(100 36% 28%)	lch(68.7 52.9 132)	lab(68.7 -35.4 39.3)	cmyk 37%, 0%, 50%, 28%
	#e3e3e3	rgb(227, 227, 227)	hsl(none 0% 89%)	hwb(none 89% 11%)	lch(90.2 0 none)	lab(90.2 0 0)	cmyk 0%, 0%, 0%, 11%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2f8012

AA - 4.97



#51ad30

AA - 2.84



#74b85c

AA - 2.39



#e3e3e3

AA - 1.28



#ffffff

AA - 1



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(52.9% -0.121 0.104), oklab(66.6% -0.137 0.12), oklab(71.6% -0.107 0.096), oklab(91.6% 0 0), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #2f8012, #51ad30, #74b85c, #e3e3e3, #ffffff)

Colors



<!-- Primary Colors -->
<color name="bucks_color_10">#2f8012</color>
<color name="bucks_color_20">#51ad30</color>
<color name="bucks_color_30">#74b85c</color>
<color name="bucks_color_40">#e3e3e3</color>
<color name="bucks_color_50">#ffffff</color>

PWA prompt