Toad Color Palette

#3a6b55

#5fc198

#9ed5ae

#d6d3b8

#fad1c1

#3a6b55

#5fc198

#9ed5ae

#d6d3b8

#fad1c1

Colors overview

 Green

 Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3a6b55	rgb(58, 107, 85)	hsl(150 30% 32%)	hwb(150 23% 58%)	lch(41.3 22.8 162)	lab(41.3 -21.7 6.96)	cmyk 46%, 0%, 21%, 58%
	#5fc198	rgb(95, 193, 152)	hsl(150 44% 56%)	hwb(150 37% 24%)	lch(71.3 39.3 163)	lab(71.3 -37.6 11.5)	cmyk 51%, 0%, 21%, 24%
	#9ed5ae	rgb(158, 213, 174)	hsl(140 40% 73%)	hwb(140 62% 16%)	lch(80.7 27.8 151)	lab(80.7 -24.3 13.4)	cmyk 26%, 0%, 18%, 16%
	#d6d3b8	rgb(214, 211, 184)	hsl(54 27% 78%)	hwb(54 72% 16%)	lch(84.3 14 99.5)	lab(84.3 -2.3 13.8)	cmyk 0%, 1%, 14%, 16%
	#fad1c1	rgb(250, 209, 193)	hsl(17 85% 87%)	hwb(17 76% 2%)	lch(87.1 18.9 46.1)	lab(87.1 13.1 13.6)	cmyk 0%, 16%, 23%, 2%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3a6b55

AA - 6.15



#5fc198

AA - 2.19



#9ed5ae

AA - 1.66



#d6d3b8

AA - 1.51



#fad1c1

AA - 1.4



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(48.6% -0.062 0.019), oklab(74% -0.107 0.031), oklab(82.4% -0.071 0.035), oklab(86.2% -0.008 0.036), oklab(89.2% 0.038 0.035))

Fallback colors New



background: linear-gradient(45deg, #3a6b55, #5fc198, #9ed5ae, #d6d3b8, #fad1c1)

Colors



<resources>
    <color name="toad_100">#3a6b55</color>
    <color name="toad_200">#5fc198</color>
    <color name="toad_300">#9ed5ae</color>
    <color name="toad_400">#d6d3b8</color>
    <color name="toad_500">#fad1c1</color>
</resources>

PWA prompt