Inner Dragon

#800000

#dc143c

#eb4667

#f5758f

#2e2e2e

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Pink

Black

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#800000	rgb(128, 0, 0)	hsl(0 100% 25%)	oklab(38% 0.13 0.08)	oklch(38% 0.15 29)	color(display-p3 0.46 0.08 0.05)
	#dc143c	rgb(220, 20, 60)	hsl(350 83% 47%)	oklab(57% 0.21 0.08)	oklch(57% 0.22 20)	color(display-p3 0.79 0.19 0.26)
	#eb4667	rgb(235, 70, 103)	hsl(350 80% 60%)	oklab(64% 0.2 0.05)	oklch(64% 0.2 13)	color(display-p3 0.85 0.33 0.41)
	#f5758f	rgb(245, 117, 143)	hsl(350 86% 71%)	oklab(72% 0.16 0.03)	oklch(72% 0.16 9.2)	color(display-p3 0.9 0.49 0.56)
	#2e2e2e	rgb(46, 46, 46)	hsl(none 0% 18%)	oklab(30% 0 0)	oklch(30% 0 none)	color(display-p3 0.18 0.18 0.18)

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

#800000

AAA - 10.94



#dc143c

AA - 4.98



#eb4667

AA - 3.74



#f5758f

AA - 2.68



#2e2e2e

AAA - 13.57



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(37.7% 0.135 0.075), oklab(57.1% 0.208 0.076), oklab(63.8% 0.195 0.047), oklab(71.9% 0.156 0.025), oklab(30.1% 0 0))

Fallback colors



background: linear-gradient(45deg, #800000, #dc143c, #eb4667, #f5758f, #2e2e2e)

Colors



<!-- Primary Colors -->
<color name="inner_dragon_color_10">#800000</color>
<color name="inner_dragon_color_20">#dc143c</color>
<color name="inner_dragon_color_30">#eb4667</color>
<color name="inner_dragon_color_40">#f5758f</color>
<color name="inner_dragon_color_50">#2e2e2e</color>

PWA prompt