Named color · #7E6884
Matriarch
Matriarch is #7E6884: rgb(126 104 132), hsl(287 12% 46%), oklch(0.548 0.05 318.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Matriarch color name →
#7E6884
oklch(0.548 0.05 318.9)
Color conversions
- HEX
- #7e6884
- RGB
- rgb(126 104 132)
- HSL
- hsl(287 12% 46%)
- HWB
- hwb(287 41% 48%)
- OKLCH
- oklch(0.548 0.05 318.9)
- OKLab
- oklab(0.548 0.038 -0.033)
- CIE Lab
- lab(46.93 13.08 -12.15)
- LCH
- lch(46.93 17.85 317.1)
- CMYK
- cmyk(5% 21% 0% 48%)
Tints · Shades · Tones
Tints
- 8A7690
- 97849C
- A393A8
- B0A2B4
- BDB1C0
- CAC0CC
- D7CFD9
- E4DFE5
- F1EFF2
Shades
- 6D5972
- 5C4B60
- 4C3E4F
- 3C303F
- 2D242F
- 1F1820
- 110C12
- 050406
- 010001
Tones
- 7E6A84
- 7F6D83
- 7F6F83
- 7F7283
- 7F7482
- 7F7782
- 807981
- 807B81
- 807E80
Color harmonies
Complementary +180°
- 7E6884
Matriarch
- 62785C
≈ Salamander
Analogous -30° +30°
- 7E6884
Matriarch
- 706D8D
≈ Bureaucracy
- 886576
≈ Port Wine Stain
Triadic +120° +240°
- 7E6884
Matriarch
- 816E50
≈ Bancroft Village
- 4D7A7C
≈ Lucky Shamrock
Split-complementary +150° +210°
- 7E6884
Matriarch
- 737452
≈ Secret Meadow
- 537B6C
≈ Stately Stems
Tetradic +90° +180° +270°
- 7E6884
Matriarch
- 8A6957
≈ Art and Craft
- 62785C
≈ Salamander
- 527789
≈ Folk Blue
Contrast & accessibility
Ag
AAOn white
WCAG 4.99:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.20:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 4.99:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--matriarch: #7e6884;
--matriarch-rgb: 126 104 132;
--matriarch-oklch: oklch(0.548 0.05 318.9);
}
.element {
color: var(--matriarch);
background-color: hsl(287 12% 46%);
border-color: oklch(0.548 0.05 318.9);
}Tailwind CSS v4
@theme {
--color-matriarch: #7e6884;
--color-matriarch-50: #fcf1fe;
--color-matriarch-100: #f0e3f2;
--color-matriarch-200: #decee2;
--color-matriarch-300: #c4afc7;
--color-matriarch-400: #ac95b2;
--color-matriarch-500: #957c9c;
--color-matriarch-600: #7e6984;
--color-matriarch-700: #655469;
--color-matriarch-800: #4a3d4e;
--color-matriarch-900: #332a36;
--color-matriarch-950: #1f1821;
}SCSS
$matriarch: #7e6884;
$matriarch-rgb: 126, 104, 132;
$matriarch-light: mix(#fff, $matriarch, 20%);
$matriarch-dark: mix(#000, $matriarch, 20%);
.element {
color: $matriarch;
box-shadow: 0 0 0 2px rgba($matriarch, 0.35);
}