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	OKLAB HDR	OKLCH HDR	P3 HDR
	#1c2025	rgb(28, 32, 37)	hsl(210 14% 13%)	oklab(24% 0 -0.01)	oklch(24% 0.01 250)	color(display-p3 0.11 0.12 0.14)
	#8f90a6	rgb(143, 144, 166)	hsl(240 11% 61%)	oklab(66% 0.01 -0.03)	oklch(66% 0.03 280)	color(display-p3 0.56 0.56 0.64)
	#f0f0f2	rgb(240, 240, 242)	hsl(240 7.1% 95%)	oklab(96% 0 0)	oklch(96% 0 290)	color(display-p3 0.94 0.94 0.95)
	#e1d6ba	rgb(225, 214, 186)	hsl(43 39% 81%)	oklab(88% 0 0.04)	oklch(88% 0.04 89)	color(display-p3 0.87 0.84 0.74)
	#73141b	rgb(115, 20, 27)	hsl(360 70% 26%)	oklab(36% 0.12 0.05)	oklch(36% 0.13 23)	color(display-p3 0.41 0.11 0.12)

 Click on a color value to copy it 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