Sad Vibe

#232b2b

#485460

#6b705c

#928e7f

#bdbdbd

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#232b2b	rgb(35, 43, 43)	hsl(180 10% 15%)	hwb(180 14% 83%)	lch(16.8 3.83 199)	lab(16.8 -3.62 -1.24)	cmyk 19%, 0%, 0%, 83%
	#485460	rgb(72, 84, 96)	hsl(210 14% 33%)	hwb(210 28% 62%)	lch(35 9.05 253)	lab(35 -2.61 -8.66)	cmyk 25%, 13%, 0%, 62%
	#6b705c	rgb(107, 112, 92)	hsl(75 9.8% 40%)	hwb(75 36% 56%)	lch(46.4 11.6 115)	lab(46.4 -4.86 10.5)	cmyk 4%, 0%, 18%, 56%
	#928e7f	rgb(146, 142, 127)	hsl(47 8% 54%)	hwb(47 50% 43%)	lch(59 8.6 93.2)	lab(59 -0.487 8.58)	cmyk 0%, 3%, 13%, 43%
	#bdbdbd	rgb(189, 189, 189)	hsl(none 0% 74%)	hwb(none 74% 26%)	lch(76.6 0 none)	lab(76.6 0 0)	cmyk 0%, 0%, 0%, 26%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#232b2b

AAA - 14.46



#485460

AAA - 7.74



#6b705c

AA - 5.12



#928e7f

AA - 3.28



#bdbdbd

AA - 1.87



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(28.1% -0.011 -0.003), oklab(44% -0.009 -0.023), oklab(53.5% -0.015 0.027), oklab(64.6% -0.002 0.022), oklab(79.8% 0 0))

Fallback colors



background: linear-gradient(45deg, #232b2b, #485460, #6b705c, #928e7f, #bdbdbd)

Colors



<!-- Primary Colors -->
<color name="sad_vibe_color_10">#232b2b</color>
<color name="sad_vibe_color_20">#485460</color>
<color name="sad_vibe_color_30">#6b705c</color>
<color name="sad_vibe_color_40">#928e7f</color>
<color name="sad_vibe_color_50">#bdbdbd</color>

PWA prompt