Benannte Farbe · #868790
Grey Heather
Grey Heather ist #868790: rgb(134 135 144), hsl(234 4% 55%), oklch(0.625 0.013 280.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Grey Heather color name →
#868790
oklch(0.625 0.013 280.9)
Farbumrechnungen
- HEX
- #868790
- RGB
- rgb(134 135 144)
- HSL
- hsl(234 4% 55%)
- HWB
- hwb(234 53% 44%)
- OKLCH
- oklch(0.625 0.013 280.9)
- OKLab
- oklab(0.625 0.003 -0.013)
- CIE Lab
- lab(56.45 0.99 -4.97)
- LCH
- lch(56.45 5.07 281.2)
- CMYK
- cmyk(7% 6% 0% 44%)
Tints · Shades · Tones
Tints
- 91929B
- 9D9EA5
- A9AAB0
- B5B5BB
- C1C1C6
- CDCDD1
- D9DADD
- E6E6E8
- F2F2F3
Shades
- 74757D
- 62636A
- 515157
- 404145
- 303134
- 212124
- 131315
- 060607
- 010101
Tones
- 85868E
- 85868D
- 84858B
- 84848A
- 838488
- 828386
- 828285
- 818183
- 818182
Farbharmonien
Komplementär +180°
- 868790
Grey Heather
- 89887F
≈ Wet Cement
Analog -30° +30°
- 868790
Grey Heather
- 828990
≈ Monument
- 8A868E
≈ Box Office
Triadisch +120° +240°
- 868790
Grey Heather
- 8F8582
≈ Mine Rock
- 818A85
≈ Valley Hills
Geteilt komplementär +150° +210°
- 868790
Grey Heather
- 8D877F
≈ Mountain Smoke
- 858A81
≈ Valley Hills
Tetradisch +90° +180° +270°
- 868790
Grey Heather
- 908586
≈ Exotica
- 89887F
≈ Wet Cement
- 7F8B8A
≈ Seastone
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.57:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.88:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.88:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--grey-heather: #868790;
--grey-heather-rgb: 134 135 144;
--grey-heather-oklch: oklch(0.625 0.013 280.9);
}
.element {
color: var(--grey-heather);
background-color: hsl(234 4% 55%);
border-color: oklch(0.625 0.013 280.9);
}Tailwind CSS v4
@theme {
--color-grey-heather: #868790;
--color-grey-heather-50: #f4f5f9;
--color-grey-heather-100: #e7e7ec;
--color-grey-heather-200: #d3d4da;
--color-grey-heather-300: #b6b7be;
--color-grey-heather-400: #9d9ea6;
--color-grey-heather-500: #84858f;
--color-grey-heather-600: #707179;
--color-grey-heather-700: #595a61;
--color-grey-heather-800: #414247;
--color-grey-heather-900: #2d2d31;
--color-grey-heather-950: #1a1a1d;
}SCSS
$grey-heather: #868790;
$grey-heather-rgb: 134, 135, 144;
$grey-heather-light: mix(#fff, $grey-heather, 20%);
$grey-heather-dark: mix(#000, $grey-heather, 20%);
.element {
color: $grey-heather;
box-shadow: 0 0 0 2px rgba($grey-heather, 0.35);
}