Berry Delight

#DC143C

#FF69B4

#D8BFD8

#8A2BE2

Actions

Explore the palette in different formats, and actions.

Colors overview

A fiery dance of passion and playful charm, softened by a whisper of wistful dreams.

AI-generated description.

Red

Purple

Pink

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#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)
	#ff69b4	rgb(255, 105, 180)	hsl(330 100% 71%)	oklab(73% 0.2 -0.03)	oklch(73% 0.2 350)	color(display-p3 0.93 0.45 0.7)
	#d8bfd8	rgb(216, 191, 216)	hsl(300 24% 80%)	oklab(83% 0.04 -0.02)	oklch(83% 0.04 330)	color(display-p3 0.83 0.75 0.84)
	#8a2be2	rgb(138, 43, 226)	hsl(270 76% 53%)	oklab(53% 0.13 -0.21)	oklch(53% 0.25 300)	color(display-p3 0.5 0.2 0.85)

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

#DC143C

AA - 4.98



#FF69B4

AA - 2.64



#D8BFD8

AA - 1.69



#8A2BE2

AA - 5.95



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(57.1% 0.208 0.076), oklab(72.8% 0.195 -0.027), oklab(83.3% 0.036 -0.025), oklab(53.4% 0.13 -0.214))

Fallback colors



background: linear-gradient(45deg, #DC143C, #FF69B4, #D8BFD8, #8A2BE2)

Colors



<!-- Primary Colors -->
<color name="berry_delight_color_10">#DC143C</color>
<color name="berry_delight_color_20">#FF69B4</color>
<color name="berry_delight_color_30">#D8BFD8</color>
<color name="berry_delight_color_40">#8A2BE2</color>

PWA prompt