Colore con nome · #8D9BA9
Gorgeous Graphite
Gorgeous Graphite è #8D9BA9: rgb(141 155 169), hsl(210 14% 61%), oklch(0.683 0.026 248.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gorgeous Graphite color name →
#8D9BA9
oklch(0.683 0.026 248.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 98A5B1
- A3AEBA
- AEB8C2
- B9C2CB
- C5CCD3
- D0D6DC
- DCE0E5
- E7EAED
- F3F5F6
Ombre
- 7A8692
- 67727C
- 555E67
- 444B53
- 33393F
- 23282C
- 14181B
- 07090A
- 010101
Toni
- 8C98A5
- 8A96A1
- 89939D
- 889098
- 878D94
- 858B90
- 84888C
- 838588
- 818384
Armonie di colore
Complementare +180°
- 8D9BA9
Gorgeous Graphite
- A49788
≈ Tuffet
Analogo -30° +30°
- 8D9BA9
Gorgeous Graphite
- 889DA4
≈ Shale Grey
- 9598AA
≈ Bright Manatee
Triadico +120° +240°
- 8D9BA9
Gorgeous Graphite
- A89396
≈ Persian Pastel
- 949D8C
≈ Charcoal Tint
Complementare divisa +150° +210°
- 8D9BA9
Gorgeous Graphite
- A8948E
≈ Cortex
- 9D9A88
≈ Milk Thistle
Tetradico +90° +180° +270°
- 8D9BA9
Gorgeous Graphite
- A5939F
≈ Metamorphosis
- A49788
≈ Tuffet
- 8C9E93
≈ Iceberg Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.84:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.39:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.39:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
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);
}