Dodger

#1f1f1f

#4d4d4d

#ebebeb

#80a8ff

#296dff

Actions

Explore the palette in different formats, and actions.

Colors overview

Black

Grey

Blue

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#1f1f1f	rgb(31, 31, 31)	hsl(none 0% 12%)	oklab(24% 0 0)	oklch(24% 0 none)	color(display-p3 0.12 0.12 0.12)
	#4d4d4d	rgb(77, 77, 77)	hsl(none 0% 30%)	oklab(42% 0 0)	oklch(42% 0 none)	color(display-p3 0.3 0.3 0.3)
	#ebebeb	rgb(235, 235, 235)	hsl(none 0% 92%)	oklab(94% 0 0)	oklch(94% 0 none)	color(display-p3 0.92 0.92 0.92)
	#80a8ff	rgb(128, 168, 255)	hsl(220 100% 75%)	oklab(74% -0.01 -0.13)	oklch(74% 0.13 260)	color(display-p3 0.53 0.65 0.97)
	#296dff	rgb(41, 109, 255)	hsl(220 100% 58%)	oklab(58% -0.03 -0.23)	oklch(58% 0.23 260)	color(display-p3 0.24 0.42 0.96)

 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.

#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