NATURE

#2a7e5e

#255a6f

#3cb2b4

#6acd84

#f4fbf4

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2a7e5e	rgb(42, 126, 94)	hsl(160 50% 33%)	hwb(160 16% 51%)	lch(47.2 33.9 163)	lab(47.2 -32.4 9.77)	cmyk 67%, 0%, 25%, 51%
	#255a6f	rgb(37, 90, 111)	hsl(200 50% 29%)	hwb(200 15% 56%)	lch(35.4 21.8 234)	lab(35.4 -12.8 -17.6)	cmyk 67%, 19%, 0%, 56%
	#3cb2b4	rgb(60, 178, 180)	hsl(180 50% 47%)	hwb(180 24% 29%)	lch(66.3 34.9 199)	lab(66.3 -33.1 -11.2)	cmyk 67%, 1%, 0%, 29%
	#6acd84	rgb(106, 205, 132)	hsl(140 50% 61%)	hwb(140 42% 20%)	lch(75.1 50.3 147)	lab(75.1 -42.4 27.1)	cmyk 48%, 0%, 36%, 20%
	#f4fbf4	rgb(244, 251, 244)	hsl(120 47% 97%)	hwb(120 96% 1.6%)	lch(97.9 4.16 143)	lab(97.9 -3.31 2.52)	cmyk 3%, 0%, 3%, 2%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2a7e5e

AA - 4.94



#255a6f

AAA - 7.57



#3cb2b4

AA - 2.55



#6acd84

AA - 1.96



#f4fbf4

AA - 1.05



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(53.4% -0.092 0.026), oklab(44.1% -0.044 -0.048), oklab(70% -0.098 -0.029), oklab(77% -0.122 0.069), oklab(98.1% -0.01 0.007))

Fallback colors



background: linear-gradient(45deg, #2a7e5e, #255a6f, #3cb2b4, #6acd84, #f4fbf4)

Colors



<!-- Primary Colors -->
<color name="nature_color_10">#2a7e5e</color>
<color name="nature_color_20">#255a6f</color>
<color name="nature_color_30">#3cb2b4</color>
<color name="nature_color_40">#6acd84</color>
<color name="nature_color_50">#f4fbf4</color>

PWA prompt