Soul

#293045

#424d6f

#5c6b9a

#7588c4

#8ea6ef

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#293045	rgb(41, 48, 69)	hsl(230 25% 22%)	hwb(230 16% 73%)	lch(19.9 14.4 276)	lab(19.9 1.6 -14.3)	cmyk 41%, 30%, 0%, 73%
	#424d6f	rgb(66, 77, 111)	hsl(230 25% 35%)	hwb(230 26% 56%)	lch(32.9 21.4 277)	lab(32.9 2.69 -21.3)	cmyk 41%, 31%, 0%, 56%
	#5c6b9a	rgb(92, 107, 154)	hsl(230 25% 48%)	hwb(230 36% 40%)	lch(45.5 28 278)	lab(45.5 3.67 -27.7)	cmyk 40%, 31%, 0%, 40%
	#7588c4	rgb(117, 136, 196)	hsl(230 40% 61%)	hwb(230 46% 23%)	lch(57 34.2 278)	lab(57 4.62 -33.8)	cmyk 40%, 31%, 0%, 23%
	#8ea6ef	rgb(142, 166, 239)	hsl(230 75% 75%)	hwb(230 56% 6.3%)	lch(68.5 40.1 277)	lab(68.5 5.22 -39.8)	cmyk 41%, 31%, 0%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#293045

AAA - 13.1



#424d6f

AAA - 8.32



#5c6b9a

AA - 5.21



#7588c4

AA - 3.45



#8ea6ef

AA - 2.37



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(31.2% 0 -0.039), oklab(42.6% 0 -0.059), oklab(53.5% 0 -0.076), oklab(63.6% 0 -0.093), oklab(73.6% -0.001 -0.11))

Fallback colors



background: linear-gradient(45deg, #293045, #424d6f, #5c6b9a, #7588c4, #8ea6ef)

Colors



<!-- Primary Colors -->
<color name="soul_color_10">#293045</color>
<color name="soul_color_20">#424d6f</color>
<color name="soul_color_30">#5c6b9a</color>
<color name="soul_color_40">#7588c4</color>
<color name="soul_color_50">#8ea6ef</color>

PWA prompt