#595959

#918e8e

#f5f5d7

#ffcea6

#ed974c

Port

#595959

#918e8e

#f5f5d7

#ffcea6

#ed974c



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

Grey

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#595959	rgb(89, 89, 89)	hsl(none 0% 35%)	hwb(none 35% 65%)	lch(37.8 0 none)	lab(37.8 0 0)	cmyk 0%, 0%, 0%, 65%
	#918e8e	rgb(145, 142, 142)	hsl(0 1.3% 56%)	hwb(0 56% 43%)	lch(59.3 1.22 19.8)	lab(59.3 1.15 0.413)	cmyk 0%, 2%, 2%, 43%
	#f5f5d7	rgb(245, 245, 215)	hsl(60 60% 90%)	hwb(60 84% 3.9%)	lch(96 15 104)	lab(96 -3.7 14.5)	cmyk 0%, 0%, 12%, 4%
	#ffcea6	rgb(255, 206, 166)	hsl(27 100% 83%)	hwb(27 65% 0%)	lch(86.4 30.2 62.6)	lab(86.4 13.9 26.8)	cmyk 0%, 19%, 35%, 0%
	#ed974c	rgb(237, 151, 76)	hsl(28 82% 61%)	hwb(28 30% 7.1%)	lch(70.5 59.6 61.4)	lab(70.5 28.5 52.4)	cmyk 0%, 36%, 68%, 7%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#595959

AAA - 7



#918e8e

AA - 3.24



#f5f5d7

AA - 1.1



#ffcea6

AA - 1.43



#ed974c

AA - 2.29



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(46.4% 0 0), oklab(64.9% 0.003 0.001), oklab(96.2% -0.012 0.038), oklab(88.5% 0.037 0.067), oklab(75% 0.07 0.118))

Fallback colors



background: linear-gradient(45deg, #595959, #918e8e, #f5f5d7, #ffcea6, #ed974c)

Colors



<!-- Primary Colors -->
<color name="port_color_10">#595959</color>
<color name="port_color_20">#918e8e</color>
<color name="port_color_30">#f5f5d7</color>
<color name="port_color_40">#ffcea6</color>
<color name="port_color_50">#ed974c</color>

PWA prompt