Budget

#0E5E20

#12A334

#3DDC84

#99EDC3

#E2FAE6

Actions

Explore the palette in different formats, and actions.

Colors overview

Verdant vibrancy, echoing lush landscapes.

AI-generated description.

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#0e5e20	rgb(14, 94, 32)	hsl(130 74% 21%)	oklab(42% -0.1 0.07)	oklch(42% 0.12 150)	color(display-p3 0.17 0.36 0.16)
	#12a334	rgb(18, 163, 52)	hsl(130 80% 35%)	oklab(62% -0.16 0.11)	oklch(62% 0.19 150)	color(display-p3 0.29 0.63 0.27)
	#3ddc84	rgb(61, 220, 132)	hsl(150 69% 55%)	oklab(79% -0.16 0.08)	oklch(79% 0.18 150)	color(display-p3 0.44 0.85 0.55)
	#99edc3	rgb(153, 237, 195)	hsl(150 70% 76%)	oklab(88% -0.1 0.03)	oklch(88% 0.1 160)	color(display-p3 0.67 0.92 0.78)
	#e2fae6	rgb(226, 250, 230)	hsl(130 71% 93%)	oklab(96% -0.03 0.02)	oklch(96% 0.04 150)	color(display-p3 0.9 0.98 0.91)

 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.

#0E5E20

AAA - 7.95



#12A334

AA - 3.32



#3DDC84

AA - 1.78



#99EDC3

AA - 1.37



#E2FAE6

AA - 1.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(42.2% -0.1 0.067), oklab(62.4% -0.155 0.106), oklab(79.3% -0.162 0.079), oklab(88.1% -0.096 0.032), oklab(96.2% -0.032 0.018))

Fallback colors



background: linear-gradient(45deg, #0E5E20, #12A334, #3DDC84, #99EDC3, #E2FAE6)

Colors



<!-- Primary Colors -->
<color name="budget_color_10">#0E5E20</color>
<color name="budget_color_20">#12A334</color>
<color name="budget_color_30">#3DDC84</color>
<color name="budget_color_40">#99EDC3</color>
<color name="budget_color_50">#E2FAE6</color>

PWA prompt