Benannte Farbe · #8D9BA9
Gorgeous Graphite
Gorgeous Graphite ist #8D9BA9: rgb(141 155 169), hsl(210 14% 61%), oklch(0.683 0.026 248.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gorgeous Graphite color name →
#8D9BA9
oklch(0.683 0.026 248.2)
Farbumrechnungen
- HEX
- #8d9ba9
- RGB
- rgb(141 155 169)
- HSL
- hsl(210 14% 61%)
- HWB
- hwb(210 55% 34%)
- OKLCH
- oklch(0.683 0.026 248.2)
- OKLab
- oklab(0.683 -0.01 -0.024)
- CIE Lab
- lab(63.2 -2.91 -9.12)
- LCH
- lch(63.2 9.57 252.3)
- CMYK
- cmyk(17% 8% 0% 34%)
Tints · Shades · Tones
Tints
- 98A5B1
- A3AEBA
- AEB8C2
- B9C2CB
- C5CCD3
- D0D6DC
- DCE0E5
- E7EAED
- F3F5F6
Shades
- 7A8692
- 67727C
- 555E67
- 444B53
- 33393F
- 23282C
- 14181B
- 07090A
- 010101
Tones
- 8C98A5
- 8A96A1
- 89939D
- 889098
- 878D94
- 858B90
- 84888C
- 838588
- 818384
Farbharmonien
Komplementär +180°
- 8D9BA9
Gorgeous Graphite
- A49788
≈ Tuffet
Analog -30° +30°
- 8D9BA9
Gorgeous Graphite
- 889DA4
≈ Shale Grey
- 9598AA
≈ Bright Manatee
Triadisch +120° +240°
- 8D9BA9
Gorgeous Graphite
- A89396
≈ Persian Pastel
- 949D8C
≈ Charcoal Tint
Geteilt komplementär +150° +210°
- 8D9BA9
Gorgeous Graphite
- A8948E
≈ Cortex
- 9D9A88
≈ Milk Thistle
Tetradisch +90° +180° +270°
- 8D9BA9
Gorgeous Graphite
- A5939F
≈ Metamorphosis
- A49788
≈ Tuffet
- 8C9E93
≈ Iceberg Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.84:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.39:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.39:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--gorgeous-graphite: #8d9ba9;
--gorgeous-graphite-rgb: 141 155 169;
--gorgeous-graphite-oklch: oklch(0.683 0.026 248.2);
}
.element {
color: var(--gorgeous-graphite);
background-color: hsl(210 14% 61%);
border-color: oklch(0.683 0.026 248.2);
}Tailwind CSS v4
@theme {
--color-gorgeous-graphite: #8d9ba9;
--color-gorgeous-graphite-50: #f0f6fd;
--color-gorgeous-graphite-100: #e2e9f1;
--color-gorgeous-graphite-200: #ccd5df;
--color-gorgeous-graphite-300: #aeb9c5;
--color-gorgeous-graphite-400: #93a0ae;
--color-gorgeous-graphite-500: #798897;
--color-gorgeous-graphite-600: #677380;
--color-gorgeous-graphite-700: #525c66;
--color-gorgeous-graphite-800: #3b434b;
--color-gorgeous-graphite-900: #292f34;
--color-gorgeous-graphite-950: #161b20;
}SCSS
$gorgeous-graphite: #8d9ba9;
$gorgeous-graphite-rgb: 141, 155, 169;
$gorgeous-graphite-light: mix(#fff, $gorgeous-graphite, 20%);
$gorgeous-graphite-dark: mix(#000, $gorgeous-graphite, 20%);
.element {
color: $gorgeous-graphite;
box-shadow: 0 0 0 2px rgba($gorgeous-graphite, 0.35);
}