#3D4949

#75D3EC

#275287

#E6E6E6

#36AEE0

X

#3D4949

#75D3EC

#275287

#E6E6E6

#36AEE0



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

Black

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3d4949	rgb(61, 73, 73)	hsl(180 9% 26%)	hwb(180 24% 71%)	lch(30 5.28 199)	lab(30 -4.99 -1.71)	cmyk 16%, 0%, 0%, 71%
	#75d3ec	rgb(117, 211, 236)	hsl(190 76% 69%)	hwb(190 46% 7.5%)	lch(79.5 32.3 222)	lab(79.5 -24.1 -21.5)	cmyk 50%, 11%, 0%, 7%
	#275287	rgb(39, 82, 135)	hsl(210 55% 34%)	hwb(210 15% 47%)	lch(33.9 34.7 269)	lab(33.9 -0.781 -34.7)	cmyk 71%, 39%, 0%, 47%
	#e6e6e6	rgb(230, 230, 230)	hsl(none 0% 90%)	hwb(none 90% 9.8%)	lch(91.3 0 none)	lab(91.3 0 0)	cmyk 0%, 0%, 0%, 10%
	#36aee0	rgb(54, 174, 224)	hsl(200 73% 55%)	hwb(200 21% 12%)	lch(66.3 41.3 239)	lab(66.3 -21.3 -35.3)	cmyk 76%, 22%, 0%, 12%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3D4949

AAA - 9.34



#75D3EC

AA - 1.7



#275287

AAA - 7.94



#E6E6E6

AA - 1.24



#36AEE0

AA - 2.53



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(39.5% -0.015 -0.004), oklab(81.8% -0.076 -0.058), oklab(43.5% -0.026 -0.097), oklab(92.5% 0 0), oklab(70.7% -0.08 -0.097))

Fallback colors



background: linear-gradient(45deg, #3D4949, #75D3EC, #275287, #E6E6E6, #36AEE0)

Colors



<!-- Primary Colors -->
<color name="x_color_10">#3D4949</color>
<color name="x_color_20">#75D3EC</color>
<color name="x_color_30">#275287</color>
<color name="x_color_40">#E6E6E6</color>
<color name="x_color_50">#36AEE0</color>

PWA prompt