#344a07

#518c15

#86bd20

#f0ff6e

#b3c700

Care

#344a07

#518c15

#86bd20

#f0ff6e

#b3c700



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Green

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#344a07	rgb(52, 74, 7)	hsl(80 83% 16%)	hwb(80 2.7% 71%)	lch(28.6 37.2 117)	lab(28.6 -16.8 33.1)	cmyk 30%, 0%, 91%, 71%
	#518c15	rgb(81, 140, 21)	hsl(90 74% 32%)	hwb(90 8.2% 45%)	lch(52.6 61 124)	lab(52.6 -34.2 50.6)	cmyk 42%, 0%, 85%, 45%
	#86bd20	rgb(134, 189, 32)	hsl(81 71% 43%)	hwb(81 13% 26%)	lch(70.8 73.4 118)	lab(70.8 -34.5 64.8)	cmyk 29%, 0%, 83%, 26%
	#f0ff6e	rgb(240, 255, 110)	hsl(66 100% 72%)	hwb(66 43% 0%)	lch(96.8 68.4 106)	lab(96.8 -19 65.7)	cmyk 6%, 0%, 57%, 0%
	#b3c700	rgb(179, 199, 0)	hsl(66 100% 39%)	hwb(66 0% 22%)	lch(76.7 78.5 106)	lab(76.7 -21.4 75.5)	cmyk 10%, 0%, 100%, 22%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#344a07

AAA - 9.86



#518c15

AA - 4.1



#86bd20

AA - 2.25



#f0ff6e

AA - 1.09



#b3c700

AA - 1.89



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(37.7% -0.056 0.074), oklab(57.7% -0.107 0.113), oklab(73.3% -0.113 0.144), oklab(96.1% -0.07 0.153), oklab(78.7% -0.082 0.162))

Fallback colors



background: linear-gradient(45deg, #344a07, #518c15, #86bd20, #f0ff6e, #b3c700)

Colors



<!-- Primary Colors -->
<color name="care_color_10">#344a07</color>
<color name="care_color_20">#518c15</color>
<color name="care_color_30">#86bd20</color>
<color name="care_color_40">#f0ff6e</color>
<color name="care_color_50">#b3c700</color>

PWA prompt