Mist Dusk Color Palette

#243E61

#456080

#6C87A8

#99A7B5

#BDBDBD

#243E61

#456080

#6C87A8

#99A7B5

#BDBDBD

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#243e61	rgb(36, 62, 97)	hsl(210 46% 26%)	hwb(210 14% 62%)	lch(25.5 24.2 268)	lab(25.5 -0.984 -24.2)	cmyk 63%, 36%, 0%, 62%
	#456080	rgb(69, 96, 128)	hsl(210 30% 39%)	hwb(210 27% 50%)	lch(39.6 21.6 261)	lab(39.6 -3.32 -21.4)	cmyk 46%, 25%, 0%, 50%
	#6c87a8	rgb(108, 135, 168)	hsl(210 26% 54%)	hwb(210 42% 34%)	lch(55.2 21.2 260)	lab(55.2 -3.63 -20.9)	cmyk 36%, 20%, 0%, 34%
	#99a7b5	rgb(153, 167, 181)	hsl(210 16% 65%)	hwb(210 60% 29%)	lch(67.7 9.46 252)	lab(67.7 -2.89 -9.01)	cmyk 15%, 8%, 0%, 29%
	#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.

#243E61

AAA - 10.84



#456080

AA - 6.48



#6C87A8

AA - 3.7



#99A7B5

AA - 2.45



#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(36.1% -0.016 -0.067), oklab(48.1% -0.018 -0.059), oklab(61.5% -0.017 -0.057), oklab(72.2% -0.01 -0.024), oklab(79.8% 0 0))

Fallback colors



background: linear-gradient(45deg, #243E61, #456080, #6C87A8, #99A7B5, #BDBDBD)

Colors



<!-- Primary Colors -->
<color name="mist_dusk_color_10">#243E61</color>
<color name="mist_dusk_color_20">#456080</color>
<color name="mist_dusk_color_30">#6C87A8</color>
<color name="mist_dusk_color_40">#99A7B5</color>
<color name="mist_dusk_color_50">#BDBDBD</color>

PWA prompt