Named color · #8B5E8F
Chakra
Chakra is #8B5E8F: rgb(139 94 143), hsl(295 21% 46%), oklch(0.548 0.091 323.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Chakra color name →
#8B5E8F
oklch(0.548 0.091 323.9)
Color conversions
- HEX
- #8b5e8f
- RGB
- rgb(139 94 143)
- HSL
- hsl(295 21% 46%)
- HWB
- hwb(295 37% 44%)
- OKLCH
- oklch(0.548 0.091 323.9)
- OKLab
- oklab(0.548 0.074 -0.054)
- CIE Lab
- lab(46.22 25.28 -19.59)
- LCH
- lch(46.22 31.98 322.2)
- CMYK
- cmyk(3% 34% 0% 44%)
Tints · Shades · Tones
Tints
- 966D9A
- A27DA5
- AD8CB0
- B99CBB
- C4ACC6
- D0BCD1
- DCCDDD
- E7DDE8
- F3EEF4
Shades
- 78517C
- 664469
- 543757
- 432B45
- 321F34
- 231424
- 140A15
- 070307
- 010001
Tones
- 8A628E
- 89658C
- 88698B
- 876C89
- 867088
- 857386
- 847685
- 837A83
- 817D82
Color harmonies
Complementary +180°
- 8B5E8F
Chakra
- 4F7F4E
≈ Melbourne
Analogous -30° +30°
- 8B5E8F
Chakra
- 7466A1
≈ Reign Over Me
- 9A5A75
≈ Rose Wine
Triadic +120° +240°
- 8B5E8F
Chakra
- 8A6C2A
≈ Aged Antics
- 0D8089
≈ Go Alpha
Split-complementary +150° +210°
- 8B5E8F
Chakra
- 707733
≈ Olive Drab
- 27826D
≈ Green Belt
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.12:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.09:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.12:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--chakra: #8b5e8f;
--chakra-rgb: 139 94 143;
--chakra-oklch: oklch(0.548 0.091 323.9);
}
.element {
color: var(--chakra);
background-color: hsl(295 21% 46%);
border-color: oklch(0.548 0.091 323.9);
}Tailwind CSS v4
@theme {
--color-chakra: #8b5e8f;
--color-chakra-50: #ffedff;
--color-chakra-100: #f9def9;
--color-chakra-200: #e9c7ea;
--color-chakra-300: #d0a8d1;
--color-chakra-400: #b98cbd;
--color-chakra-500: #a471a8;
--color-chakra-600: #8a608e;
--color-chakra-700: #6f4c72;
--color-chakra-800: #513855;
--color-chakra-900: #39263b;
--color-chakra-950: #231425;
}SCSS
$chakra: #8b5e8f;
$chakra-rgb: 139, 94, 143;
$chakra-light: mix(#fff, $chakra, 20%);
$chakra-dark: mix(#000, $chakra, 20%);
.element {
color: $chakra;
box-shadow: 0 0 0 2px rgba($chakra, 0.35);
}