Benannte Farbe · #826F7A
Mysteria
Mysteria ist #826F7A: rgb(130 111 122), hsl(325 8% 47%), oklch(0.563 0.029 342.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mysteria color name →
#826F7A
oklch(0.563 0.029 342.4)
Farbumrechnungen
- HEX
- #826f7a
- RGB
- rgb(130 111 122)
- HSL
- hsl(325 8% 47%)
- HWB
- hwb(325 44% 49%)
- OKLCH
- oklch(0.563 0.029 342.4)
- OKLab
- oklab(0.563 0.027 -0.009)
- CIE Lab
- lab(48.94 9.21 -3.2)
- LCH
- lch(48.94 9.75 340.8)
- CMYK
- cmyk(0% 15% 6% 49%)
Tints · Shades · Tones
Tints
- 8E7C86
- 9A8A93
- A698A0
- B2A6AD
- BFB4BA
- CBC3C8
- D8D2D5
- E5E1E3
- F2F0F1
Shades
- 706069
- 5F5159
- 4E4249
- 3E343A
- 2F272B
- 201A1D
- 120E10
- 060405
- 010101
Tones
- 82717B
- 82727B
- 82747C
- 81767C
- 81787D
- 81797E
- 817B7E
- 817D7F
- 807E7F
Farbharmonien
Komplementär +180°
- 826F7A
Mysteria
- 677B70
≈ Cypress Garden
Analog -30° +30°
- 826F7A
Mysteria
- 7B7182
≈ Peruvian Violet
- 856F71
≈ Sandstone Red Grey
Triadisch +120° +240°
- 826F7A
Mysteria
- 787663
≈ Gully
- 647A82
≈ Gravel Grey Blue
Geteilt komplementär +150° +210°
- 826F7A
Mysteria
- 6F7968
≈ Fir Spruce Green
- 627B7A
≈ Eye Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.66:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.50:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--mysteria: #826f7a;
--mysteria-rgb: 130 111 122;
--mysteria-oklch: oklch(0.563 0.029 342.4);
}
.element {
color: var(--mysteria);
background-color: hsl(325 8% 47%);
border-color: oklch(0.563 0.029 342.4);
}Tailwind CSS v4
@theme {
--color-mysteria: #826f7a;
--color-mysteria-50: #fcf2f7;
--color-mysteria-100: #efe4ea;
--color-mysteria-200: #ded0d7;
--color-mysteria-300: #c3b2bb;
--color-mysteria-400: #ab98a3;
--color-mysteria-500: #947f8b;
--color-mysteria-600: #7d6c76;
--color-mysteria-700: #64565e;
--color-mysteria-800: #4a3f45;
--color-mysteria-900: #332b30;
--color-mysteria-950: #1f181c;
}SCSS
$mysteria: #826f7a;
$mysteria-rgb: 130, 111, 122;
$mysteria-light: mix(#fff, $mysteria, 20%);
$mysteria-dark: mix(#000, $mysteria, 20%);
.element {
color: $mysteria;
box-shadow: 0 0 0 2px rgba($mysteria, 0.35);
}