X-Wing

#1C2025

#8F90A6

#F0F0F2

#E1D6BA

#73141B

Actions

Explore the palette in different formats, and actions.

Colors overview

Black

Red

White

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1c2025	rgb(28, 32, 37)	hsl(210 14% 13%)	hwb(210 11% 85%)	lch(12 4.14 258)	lab(12 -0.849 -4.05)	cmyk 24%, 14%, 0%, 85%
	#8f90a6	rgb(143, 144, 166)	hsl(240 11% 61%)	hwb(240 56% 35%)	lch(60.3 12.2 285)	lab(60.3 3.06 -11.8)	cmyk 14%, 13%, 0%, 35%
	#f0f0f2	rgb(240, 240, 242)	hsl(240 7.1% 95%)	hwb(240 94% 5.1%)	lch(94.8 1 285)	lab(94.8 0.265 -0.968)	cmyk 1%, 1%, 0%, 5%
	#e1d6ba	rgb(225, 214, 186)	hsl(43 39% 81%)	hwb(43 73% 12%)	lch(86 15.3 87.9)	lab(86 0.554 15.3)	cmyk 0%, 5%, 17%, 12%
	#73141b	rgb(115, 20, 27)	hsl(360 70% 26%)	hwb(360 7.8% 55%)	lch(24.9 47 29.6)	lab(24.9 40.9 23.2)	cmyk 0%, 83%, 77%, 55%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1C2025

AAA - 16.37



#8F90A6

AA - 3.13



#F0F0F2

AA - 1.13



#E1D6BA

AA - 1.44



#73141B

AAA - 11.38



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(24.2% -0.003 -0.011), oklab(66% 0.008 -0.032), oklab(95.6% 0.001 -0.003), oklab(87.8% 0.001 0.039), oklab(36.4% 0.118 0.05))

Fallback colors



background: linear-gradient(45deg, #1C2025, #8F90A6, #F0F0F2, #E1D6BA, #73141B)

Colors



<!-- Primary Colors -->
<color name="x-wing_color_10">#1C2025</color>
<color name="x-wing_color_20">#8F90A6</color>
<color name="x-wing_color_30">#F0F0F2</color>
<color name="x-wing_color_40">#E1D6BA</color>
<color name="x-wing_color_50">#73141B</color>

PWA prompt