Vehicle

#363437

#6d3945

#848686

#c9ced0

#314a64

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

Blue

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#363437	rgb(54, 52, 55)	hsl(280 2.8% 21%)	hwb(280 20% 78%)	lch(22 2.12 312)	lab(22 1.42 -1.57)	cmyk 2%, 5%, 0%, 78%
	#6d3945	rgb(109, 57, 69)	hsl(350 31% 33%)	hwb(350 22% 57%)	lch(31.1 24.8 7.88)	lab(31.1 24.6 3.4)	cmyk 0%, 48%, 37%, 57%
	#848686	rgb(132, 134, 134)	hsl(180 0.82% 52%)	hwb(180 52% 47%)	lch(55.8 0.815 200)	lab(55.8 -0.768 -0.274)	cmyk 1%, 0%, 0%, 47%
	#c9ced0	rgb(201, 206, 208)	hsl(200 6.9% 80%)	hwb(200 79% 18%)	lch(82.4 2.21 227)	lab(82.4 -1.49 -1.63)	cmyk 3%, 1%, 0%, 18%
	#314a64	rgb(49, 74, 100)	hsl(210 34% 29%)	hwb(210 19% 61%)	lch(30.3 18.9 259)	lab(30.3 -3.73 -18.5)	cmyk 51%, 26%, 0%, 61%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#363437

AAA - 12.32



#6d3945

AAA - 9.04



#848686

AA - 3.66



#c9ced0

AA - 1.58



#314a64

AAA - 9.15



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(32.8% 0.004 -0.004), oklab(41.4% 0.074 0.008), oklab(61.8% -0.002 -0.001), oklab(84.8% -0.004 -0.004), oklab(40.1% -0.018 -0.051))

Fallback colors



background: linear-gradient(45deg, #363437, #6d3945, #848686, #c9ced0, #314a64)

Colors



<!-- Primary Colors -->
<color name="vehicle_color_10">#363437</color>
<color name="vehicle_color_20">#6d3945</color>
<color name="vehicle_color_30">#848686</color>
<color name="vehicle_color_40">#c9ced0</color>
<color name="vehicle_color_50">#314a64</color>

PWA prompt