Red Dwarf G

#e26a14

#ed7a0d

#ebba06

#dcdcd0

#4bd4cd

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Cyan

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#e26a14	rgb(226, 106, 20)	hsl(25 84% 48%)	oklab(66% 0.11 0.13)	oklch(66% 0.17 48)	color(display-p3 0.83 0.44 0.19)
	#ed7a0d	rgb(237, 122, 13)	hsl(29 90% 49%)	oklab(70% 0.1 0.14)	oklch(70% 0.17 54)	color(display-p3 0.87 0.5 0.2)
	#ebba06	rgb(235, 186, 6)	hsl(47 95% 47%)	oklab(81% 0 0.16)	oklch(81% 0.16 89)	color(display-p3 0.89 0.74 0.25)
	#dcdcd0	rgb(220, 220, 208)	hsl(60 15% 84%)	oklab(89% 0 0.02)	oklch(89% 0.02 110)	color(display-p3 0.86 0.86 0.82)
	#4bd4cd	rgb(75, 212, 205)	hsl(180 61% 56%)	oklab(80% -0.12 -0.02)	oklch(80% 0.12 190)	color(display-p3 0.46 0.82 0.8)

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

#e26a14

AA - 3.33



#ed7a0d

AA - 2.84



#ebba06

AA - 1.81



#dcdcd0

AA - 1.38



#4bd4cd

AA - 1.81



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(65.8% 0.114 0.129), oklab(69.8% 0.102 0.139), oklab(81% 0.002 0.165), oklab(89.1% -0.005 0.015), oklab(79.5% -0.115 -0.021))

Fallback colors



background: linear-gradient(45deg, #e26a14, #ed7a0d, #ebba06, #dcdcd0, #4bd4cd)

Colors



<!-- Primary Colors -->
<color name="red_dwarf_g_color_10">#e26a14</color>
<color name="red_dwarf_g_color_20">#ed7a0d</color>
<color name="red_dwarf_g_color_30">#ebba06</color>
<color name="red_dwarf_g_color_40">#dcdcd0</color>
<color name="red_dwarf_g_color_50">#4bd4cd</color>

PWA prompt