Preview
#270b39
Family: Purple
Accessibility on this swatch:
Contrast vs white: 17.6:1 · vs black: 1.19:1
HEX
#270b39
RGB
rgb(39, 11, 57)
RGBA
rgba(39, 11, 57, 1)
HSL
hsl(277, 68%, 13%)
HSV
hsv(277, 81%, 22%)
LAB
lab(8.71% 24.13 -23.71)
LCH
lch(8.71% 33.83 315.5)
OKLAB
oklab(0.2236 0.0541 -0.0671)
OKLCH
oklch(0.2236 0.0862 308.88)
XYZ
xyz(1.69, 0.97, 3.97)
CMYK
cmyk(32%, 81%, 0%, 78%)
CSS
color: #270b39;
CSS variable
--color-270b39: #270b39;
SCSS
$color-270b39: #270b39;
Tailwind
violet-800
Export
:root {
--#270b39-1: #270b39;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.