Adlandırılmış renk · #826F7A
Mysteria
Mysteria, #826F7A: rgb(130 111 122), hsl(325 8% 47%), oklch(0.563 0.029 342.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Mysteria color name →
#826F7A
oklch(0.563 0.029 342.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8E7C86
- 9A8A93
- A698A0
- B2A6AD
- BFB4BA
- CBC3C8
- D8D2D5
- E5E1E3
- F2F0F1
Koyu tonlar
- 706069
- 5F5159
- 4E4249
- 3E343A
- 2F272B
- 201A1D
- 120E10
- 060405
- 010101
Gri tonlar
- 82717B
- 82727B
- 82747C
- 81767C
- 81787D
- 81797E
- 817B7E
- 817D7F
- 807E7F
Renk uyumları
Tamamlayıcı +180°
- 826F7A
Mysteria
- 677B70
≈ Cypress Garden
Analog -30° +30°
- 826F7A
Mysteria
- 7B7182
≈ Peruvian Violet
- 856F71
≈ Sandstone Red Grey
Üçlü +120° +240°
- 826F7A
Mysteria
- 787663
≈ Gully
- 647A82
≈ Gravel Grey Blue
Bölünmüş tamamlayıcı +150° +210°
- 826F7A
Mysteria
- 6F7968
≈ Fir Spruce Green
- 627B7A
≈ Eye Grey
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.66:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
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);
}