MHAM | Colorffy

#008080

#4ECDC4

#d3eddc

#5DADE2

#008080

#4ECDC4

#d3eddc

#5DADE2

Colors overview

Green

Blue

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#008080	rgb(0, 128, 128)	hsl(180 100% 25%)	hwb(180 0% 50%)	lch(48 31.7 196)	lab(48 -30.4 -8.98)	cmyk 100%, 0%, 0%, 50%
	#4ecdc4	rgb(78, 205, 196)	hsl(180 56% 55%)	hwb(180 31% 20%)	lch(75.3 38.5 190)	lab(75.3 -37.9 -6.48)	cmyk 62%, 0%, 4%, 20%
	#d3eddc	rgb(211, 237, 220)	hsl(140 42% 88%)	hwb(140 83% 7.1%)	lch(91.5 12.4 155)	lab(91.5 -11.2 5.22)	cmyk 11%, 0%, 7%, 7%
	#5dade2	rgb(93, 173, 226)	hsl(200 70% 63%)	hwb(200 36% 11%)	lch(67.3 37.4 248)	lab(67.3 -13.7 -34.8)	cmyk 59%, 23%, 0%, 11%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#008080

AA - 4.77



#4ECDC4

AA - 1.93



#d3eddc

AA - 1.24



#5DADE2

AA - 2.45



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(54.3% -0.09 -0.024), oklab(77.6% -0.11 -0.017), oklab(92.2% -0.033 0.014), oklab(71.8% -0.056 -0.095))

Fallback colors New



background: linear-gradient(45deg, #008080, #4ECDC4, #d3eddc, #5DADE2)

Colors



<resources>
    <color name="mham_100">#008080</color>
    <color name="mham_200">#4ECDC4</color>
    <color name="mham_300">#d3eddc</color>
    <color name="mham_400">#5DADE2</color>
</resources>

PWA prompt