Dodger

#1f1f1f

#4d4d4d

#ebebeb

#80a8ff

#296dff

Actions

Explore the palette in different formats, and actions.

Colors overview

Black

Grey

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1f1f1f	rgb(31, 31, 31)	hsl(none 0% 12%)	hwb(none 12% 88%)	lch(11.8 0 none)	lab(11.8 0 0)	cmyk 0%, 0%, 0%, 88%
	#4d4d4d	rgb(77, 77, 77)	hsl(none 0% 30%)	hwb(none 30% 70%)	lch(32.7 0 none)	lab(32.7 0 0)	cmyk 0%, 0%, 0%, 70%
	#ebebeb	rgb(235, 235, 235)	hsl(none 0% 92%)	hwb(none 92% 7.8%)	lch(93 0 none)	lab(93 0 0)	cmyk 0%, 0%, 0%, 8%
	#80a8ff	rgb(128, 168, 255)	hsl(220 100% 75%)	hwb(220 50% 0%)	lch(68.7 48.3 275)	lab(68.7 4.03 -48.1)	cmyk 50%, 34%, 0%, 0%
	#296dff	rgb(41, 109, 255)	hsl(220 100% 58%)	hwb(220 16% 0%)	lch(48.9 83 285)	lab(48.9 21.8 -80)	cmyk 84%, 57%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1f1f1f

AAA - 16.48



#4d4d4d

AAA - 8.45



#ebebeb

AA - 1.19



#80a8ff

AA - 2.34



#296dff

AA - 4.44



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(23.9% 0 0), oklab(42% 0 0), oklab(94% 0 0), oklab(73.9% -0.013 -0.133), oklab(58.3% -0.029 -0.226))

Fallback colors



background: linear-gradient(45deg, #1f1f1f, #4d4d4d, #ebebeb, #80a8ff, #296dff)

Colors



<!-- Primary Colors -->
<color name="dodger_color_10">#1f1f1f</color>
<color name="dodger_color_20">#4d4d4d</color>
<color name="dodger_color_30">#ebebeb</color>
<color name="dodger_color_40">#80a8ff</color>
<color name="dodger_color_50">#296dff</color>

PWA prompt