Solo Color Palette

#000000

#1D2B42

#f7e6d3

#000000

#1D2B42

#f7e6d3

Colors overview

Yellow

Black

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#000000	rgb(0, 0, 0)	hsl(none 0% 0%)	hwb(none 0% 100%)	lch(0 0 none)	lab(0 0 0)	cmyk 0%, 0%, 0%, 100%
	#1d2b42	rgb(29, 43, 66)	hsl(220 39% 19%)	hwb(220 11% 74%)	lch(17.2 16.6 270)	lab(17.2 -0.135 -16.6)	cmyk 56%, 35%, 0%, 74%
	#f7e6d3	rgb(247, 230, 211)	hsl(32 69% 90%)	hwb(32 83% 3.1%)	lch(92.3 12.1 72.1)	lab(92.3 3.72 11.5)	cmyk 0%, 7%, 15%, 3%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#000000

AAA - 21



#1D2B42

AAA - 14.22



#f7e6d3

AA - 1.21



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(0% 0 0), oklab(28.8% -0.008 -0.046), oklab(93.4% 0.01 0.03))

Fallback colors



background: linear-gradient(45deg, #000000, #1D2B42, #f7e6d3)

Colors



<!-- Primary Colors -->
<color name="solo_color_10">#000000</color>
<color name="solo_color_20">#1D2B42</color>
<color name="solo_color_30">#f7e6d3</color>

PWA prompt