#437575

#5ca09f

#74cac9

#8df5f3

#132020

Cyan Shades

#437575

#5ca09f

#74cac9

#8df5f3

#132020



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

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#437575	rgb(67, 117, 117)	hsl(180 27% 36%)	hwb(180 26% 54%)	lch(45.7 18.5 198)	lab(45.7 -17.6 -5.59)	cmyk 43%, 0%, 0%, 54%
	#5ca09f	rgb(92, 160, 159)	hsl(180 27% 49%)	hwb(180 36% 37%)	lch(61.4 23.7 196)	lab(61.4 -22.7 -6.62)	cmyk 42%, 0%, 1%, 37%
	#74cac9	rgb(116, 202, 201)	hsl(180 45% 62%)	hwb(180 45% 21%)	lch(75.9 28.5 196)	lab(75.9 -27.4 -8.1)	cmyk 43%, 0%, 0%, 21%
	#8df5f3	rgb(141, 245, 243)	hsl(180 84% 76%)	hwb(180 55% 3.9%)	lch(90.2 33.3 196)	lab(90.2 -32 -9.04)	cmyk 42%, 0%, 1%, 4%
	#132020	rgb(19, 32, 32)	hsl(180 25% 10%)	hwb(180 7.5% 87%)	lch(11 6.18 198)	lab(11 -5.88 -1.92)	cmyk 41%, 0%, 0%, 87%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#437575

AA - 5.19



#5ca09f

AA - 3



#74cac9

AA - 1.9



#8df5f3

AA - 1.27



#132020

AAA - 16.73



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(52.7% -0.052 -0.015), oklab(66.1% -0.067 -0.017), oklab(78.5% -0.081 -0.021), oklab(90.7% -0.094 -0.023), oklab(23.2% -0.017 -0.005))

Fallback colors



background: linear-gradient(45deg, #437575, #5ca09f, #74cac9, #8df5f3, #132020)

Colors



<!-- Primary Colors -->
<color name="cyan_shades_color_10">#437575</color>
<color name="cyan_shades_color_20">#5ca09f</color>
<color name="cyan_shades_color_30">#74cac9</color>
<color name="cyan_shades_color_40">#8df5f3</color>
<color name="cyan_shades_color_50">#132020</color>

PWA prompt