Red Gown

#6b202f

#a13248

#d54562

#e87d93

#fabeca

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#6b202f	rgb(107, 32, 47)	hsl(350 54% 27%)	oklab(37% 0.1 0.02)	oklch(37% 0.11 12)	color(display-p3 0.39 0.15 0.19)
	#a13248	rgb(161, 50, 72)	hsl(350 53% 41%)	oklab(49% 0.14 0.03)	oklch(49% 0.15 13)	color(display-p3 0.58 0.23 0.29)
	#d54562	rgb(213, 69, 98)	hsl(350 63% 55%)	oklab(60% 0.18 0.04)	oklch(60% 0.18 13)	color(display-p3 0.77 0.31 0.39)
	#e87d93	rgb(232, 125, 147)	hsl(350 70% 70%)	oklab(71% 0.13 0.02)	oklch(71% 0.13 7.9)	color(display-p3 0.85 0.51 0.58)
	#fabeca	rgb(250, 190, 202)	hsl(350 86% 86%)	oklab(86% 0.07 0.01)	oklch(86% 0.07 5.3)	color(display-p3 0.94 0.75 0.79)

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

#6b202f

AAA - 11.21



#a13248

AA - 6.85



#d54562

AA - 4.32



#e87d93

AA - 2.69



#fabeca

AA - 1.58



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(36.6% 0.104 0.023), oklab(48.8% 0.142 0.032), oklab(60.1% 0.176 0.039), oklab(71.4% 0.132 0.018), oklab(85.9% 0.07 0.007))

Fallback colors



background: linear-gradient(45deg, #6b202f, #a13248, #d54562, #e87d93, #fabeca)

Colors



<!-- Primary Colors -->
<color name="red_gown_color_10">#6b202f</color>
<color name="red_gown_color_20">#a13248</color>
<color name="red_gown_color_30">#d54562</color>
<color name="red_gown_color_40">#e87d93</color>
<color name="red_gown_color_50">#fabeca</color>

PWA prompt