Patrick's Day

#124304

#2a8a32

#84bd6a

#a9ccb2

#d1e1d5

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#124304	rgb(18, 67, 4)	hsl(110 89% 14%)	oklab(34% -0.08 0.07)	oklch(34% 0.1 140)	color(display-p3 0.13 0.26 0.06)
	#2a8a32	rgb(42, 138, 50)	hsl(130 53% 35%)	oklab(56% -0.12 0.09)	oklch(56% 0.15 140)	color(display-p3 0.28 0.53 0.24)
	#84bd6a	rgb(132, 189, 106)	hsl(100 39% 58%)	oklab(74% -0.09 0.09)	oklch(74% 0.13 140)	color(display-p3 0.57 0.74 0.45)
	#a9ccb2	rgb(169, 204, 178)	hsl(140 26% 73%)	oklab(81% -0.05 0.02)	oklch(81% 0.05 150)	color(display-p3 0.69 0.8 0.71)
	#d1e1d5	rgb(209, 225, 213)	hsl(140 21% 85%)	oklab(89% -0.02 0.01)	oklch(89% 0.02 150)	color(display-p3 0.83 0.88 0.84)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#124304

AAA - 11.47



#2a8a32

AA - 4.39



#84bd6a

AA - 2.21



#a9ccb2

AA - 1.75



#d1e1d5

AA - 1.35



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.7% -0.08 0.067), oklab(55.9% -0.125 0.089), oklab(73.9% -0.093 0.088), oklab(81.2% -0.046 0.024), oklab(89.4% -0.021 0.011))

Fallback colors



background: linear-gradient(45deg, #124304, #2a8a32, #84bd6a, #a9ccb2, #d1e1d5)

Colors



<!-- Primary Colors -->
<color name="patrick's_day_color_10">#124304</color>
<color name="patrick's_day_color_20">#2a8a32</color>
<color name="patrick's_day_color_30">#84bd6a</color>
<color name="patrick's_day_color_40">#a9ccb2</color>
<color name="patrick's_day_color_50">#d1e1d5</color>

PWA prompt