Lobby

#026575

#3FAFBF

#DACB77

#A48C3A

#6E6E6E

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#026575	rgb(2, 101, 117)	hsl(190 97% 23%)	hwb(190 0.78% 54%)	lch(38.6 26.8 218)	lab(38.6 -21.1 -16.5)	cmyk 98%, 14%, 0%, 54%
	#3fafbf	rgb(63, 175, 191)	hsl(190 50% 50%)	hwb(190 25% 25%)	lch(65.7 34 212)	lab(65.7 -28.8 -18)	cmyk 67%, 8%, 0%, 25%
	#dacb77	rgb(218, 203, 119)	hsl(51 57% 66%)	hwb(51 47% 15%)	lch(81.6 43.8 93.8)	lab(81.6 -2.93 43.7)	cmyk 0%, 7%, 45%, 15%
	#a48c3a	rgb(164, 140, 58)	hsl(46 48% 44%)	hwb(46 23% 36%)	lch(59.3 46 87.2)	lab(59.3 2.25 45.9)	cmyk 0%, 15%, 65%, 36%
	#6e6e6e	rgb(110, 110, 110)	hsl(none 0% 43%)	hwb(none 43% 57%)	lch(46.4 0 none)	lab(46.4 0 0)	cmyk 0%, 0%, 0%, 57%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#026575

AA - 6.72



#3FAFBF

AA - 2.59



#DACB77

AA - 1.64



#A48C3A

AA - 3.28



#6E6E6E

AA - 5.09



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.6% -0.068 -0.045), oklab(69.8% -0.089 -0.048), oklab(83.6% -0.017 0.105), oklab(64.6% -0.005 0.105), oklab(53.8% 0 0))

Fallback colors



background: linear-gradient(45deg, #026575, #3FAFBF, #DACB77, #A48C3A, #6E6E6E)

Colors



<!-- Primary Colors -->
<color name="lobby_color_10">#026575</color>
<color name="lobby_color_20">#3FAFBF</color>
<color name="lobby_color_30">#DACB77</color>
<color name="lobby_color_40">#A48C3A</color>
<color name="lobby_color_50">#6E6E6E</color>

PWA prompt