Preview
#300834
Family: Pink
Accessibility on this swatch:
Contrast vs white: 17.36:1 · vs black: 1.21:1
HEX
#300834
RGB
rgb(48, 8, 52)
RGBA
rgba(48, 8, 52, 1)
HSL
hsl(295, 73%, 12%)
HSV
hsv(295, 85%, 20%)
LAB
lab(9.4% 26.81 -18.87)
LCH
lch(9.4% 32.78 324.86)
OKLAB
oklab(0.2307 0.0723 -0.0526)
OKLCH
oklch(0.2307 0.0894 323.96)
XYZ
xyz(1.93, 1.05, 3.35)
CMYK
cmyk(8%, 85%, 0%, 80%)
CSS
color: #300834;
CSS variable
--color-300834: #300834;
SCSS
$color-300834: #300834;
Tailwind
purple-900
Export
:root {
--#300834-1: #300834;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.