Benannte Farbe · #838493
Clairvoyance
Clairvoyance ist #838493: rgb(131 132 147), hsl(236 7% 55%), oklch(0.618 0.022 282.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Clairvoyance color name →
#838493
oklch(0.618 0.022 282.7)
Farbumrechnungen
- HEX
- #838493
- RGB
- rgb(131 132 147)
- HSL
- hsl(236 7% 55%)
- HWB
- hwb(236 51% 42%)
- OKLCH
- oklch(0.618 0.022 282.7)
- OKLab
- oklab(0.618 0.005 -0.022)
- CIE Lab
- lab(55.44 1.96 -8.21)
- LCH
- lch(55.44 8.44 283.4)
- CMYK
- cmyk(11% 10% 0% 42%)
Tints · Shades · Tones
Tints
- 8F909D
- 9B9BA8
- A7A7B2
- B3B3BD
- BFC0C8
- CCCCD3
- D8D9DE
- E5E5E9
- F2F2F4
Shades
- 71727F
- 60606C
- 4F4F59
- 3F3F47
- 2F2F36
- 202025
- 121216
- 060608
- 010101
Tones
- 838491
- 82838F
- 82838D
- 82828B
- 81828A
- 818288
- 818186
- 818184
- 808082
Farbharmonien
Komplementär +180°
- 838493
Clairvoyance
- 888677
≈ Mountain Road
Analog -30° +30°
- 838493
Clairvoyance
- 7C8793
≈ Cold Trade Winds
- 8A828F
≈ Asian Violet
Triadisch +120° +240°
- 838493
Clairvoyance
- 92817B
≈ Chocolate Chiffon
- 7A8A81
≈ Salty Sea
Geteilt komplementär +150° +210°
- 838493
Clairvoyance
- 8E8477
≈ Schooner
- 80897B
≈ Spruce Shadow
Tetradisch +90° +180° +270°
- 838493
Clairvoyance
- 928082
≈ Venetian
- 888677
≈ Mountain Road
- 778A89
≈ Juniper Ash
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.69:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.68:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.68:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--clairvoyance: #838493;
--clairvoyance-rgb: 131 132 147;
--clairvoyance-oklch: oklch(0.618 0.022 282.7);
}
.element {
color: var(--clairvoyance);
background-color: hsl(236 7% 55%);
border-color: oklch(0.618 0.022 282.7);
}Tailwind CSS v4
@theme {
--color-clairvoyance: #838493;
--color-clairvoyance-50: #f4f4fc;
--color-clairvoyance-100: #e7e7ef;
--color-clairvoyance-200: #d3d3de;
--color-clairvoyance-300: #b6b6c3;
--color-clairvoyance-400: #9c9dac;
--color-clairvoyance-500: #848595;
--color-clairvoyance-600: #6f707e;
--color-clairvoyance-700: #595a65;
--color-clairvoyance-800: #41424a;
--color-clairvoyance-900: #2d2d33;
--color-clairvoyance-950: #1a1a1f;
}SCSS
$clairvoyance: #838493;
$clairvoyance-rgb: 131, 132, 147;
$clairvoyance-light: mix(#fff, $clairvoyance, 20%);
$clairvoyance-dark: mix(#000, $clairvoyance, 20%);
.element {
color: $clairvoyance;
box-shadow: 0 0 0 2px rgba($clairvoyance, 0.35);
}