Benannte Farbe · #938586
Exotica
Exotica ist #938586: rgb(147 133 134), hsl(356 6% 55%), oklch(0.629 0.017 12.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Exotica color name →
#938586
oklch(0.629 0.017 12.7)
Farbumrechnungen
- HEX
- #938586
- RGB
- rgb(147 133 134)
- HSL
- hsl(356 6% 55%)
- HWB
- hwb(356 52% 42%)
- OKLCH
- oklch(0.629 0.017 12.7)
- OKLab
- oklab(0.629 0.017 0.004)
- CIE Lab
- lab(56.83 5.6 1.48)
- LCH
- lch(56.83 5.79 14.8)
- CMYK
- cmyk(0% 10% 9% 42%)
Tints · Shades · Tones
Tints
- 9D9191
- A89C9D
- B2A8A9
- BDB4B5
- C8C0C1
- D3CDCD
- DED9D9
- E9E5E6
- F4F2F2
Shades
- 7F7374
- 6C6162
- 595051
- 474040
- 363030
- 252121
- 161313
- 080606
- 010101
Tones
- 918585
- 8F8485
- 8D8484
- 8B8384
- 8A8383
- 888282
- 868282
- 848181
- 828181
Farbharmonien
Komplementär +180°
- 938586
Exotica
- 7E8C8C
≈ Gunmetal Grey
Analog -30° +30°
- 938586
Exotica
- 91858C
≈ Gothic Purple
- 938681
≈ Abandoned Mansion
Triadisch +120° +240°
- 938586
Exotica
- 858B81
≈ Appalachian Forest
- 828A93
≈ Roman Silver
Geteilt komplementär +150° +210°
- 938586
Exotica
- 808C86
≈ Chinois Green
- 7E8C91
≈ Necron Compound
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.53:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.93:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--exotica: #938586;
--exotica-rgb: 147 133 134;
--exotica-oklch: oklch(0.629 0.017 12.7);
}
.element {
color: var(--exotica);
background-color: hsl(356 6% 55%);
border-color: oklch(0.629 0.017 12.7);
}Tailwind CSS v4
@theme {
--color-exotica: #938586;
--color-exotica-50: #faf3f3;
--color-exotica-100: #ede6e6;
--color-exotica-200: #dbd1d2;
--color-exotica-300: #c0b4b4;
--color-exotica-400: #a89b9b;
--color-exotica-500: #918283;
--color-exotica-600: #7b6e6f;
--color-exotica-700: #625859;
--color-exotica-800: #484041;
--color-exotica-900: #322c2d;
--color-exotica-950: #1e191a;
}SCSS
$exotica: #938586;
$exotica-rgb: 147, 133, 134;
$exotica-light: mix(#fff, $exotica, 20%);
$exotica-dark: mix(#000, $exotica, 20%);
.element {
color: $exotica;
box-shadow: 0 0 0 2px rgba($exotica, 0.35);
}