Colore con nome · #938576
Gravelle
Gravelle è #938576: rgb(147 133 118), hsl(31 12% 52%), oklch(0.625 0.028 69.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gravelle color name →
#938576
oklch(0.625 0.028 69.2)
Conversioni di colore
- HEX
- #938576
- RGB
- rgb(147 133 118)
- HSL
- hsl(31 12% 52%)
- HWB
- hwb(31 46% 42%)
- OKLCH
- oklch(0.625 0.028 69.2)
- OKLab
- oklab(0.625 0.01 0.026)
- CIE Lab
- lab(56.49 3.57 10.14)
- LCH
- lch(56.49 10.75 70.6)
- CMYK
- cmyk(0% 10% 20% 42%)
Tinte · Ombre · Toni
Tinte
- 9D9183
- A89C90
- B2A89D
- BDB4AB
- C8C0B8
- D3CDC6
- DED9D4
- E9E6E2
- F4F2F1
Ombre
- 7F7366
- 6C6156
- 595047
- 474038
- 363029
- 25211C
- 16130F
- 080605
- 010101
Toni
- 918577
- 8F8478
- 8D8479
- 8B837A
- 8A837B
- 88827C
- 86827D
- 84817E
- 82817F
Armonie di colore
Complementare +180°
- 938576
Gravelle
- 7B8998
≈ Spartan Blue
Analogo -30° +30°
- 938576
Gravelle
- 97827B
≈ Cinereous
- 8B8875
≈ Kosher Khaki
Triadico +120° +240°
- 938576
Gravelle
- 758D8B
≈ Northern Juniper
- 8D8395
≈ Purple Ash
Complementare divisa +150° +210°
- 938576
Gravelle
- 768C93
≈ Shaker Blue
- 848699
≈ Blue Jasmine
Tetradico +90° +180° +270°
- 938576
Gravelle
- 7A8D82
≈ Salty Sea
- 7B8998
≈ Spartan Blue
- 94818D
≈ Quail
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.58:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.85:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.85:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--gravelle: #938576;
--gravelle-rgb: 147 133 118;
--gravelle-oklch: oklch(0.625 0.028 69.2);
}
.element {
color: var(--gravelle);
background-color: hsl(31 12% 52%);
border-color: oklch(0.625 0.028 69.2);
}Tailwind CSS v4
@theme {
--color-gravelle: #938576;
--color-gravelle-50: #faf4ed;
--color-gravelle-100: #eee7de;
--color-gravelle-200: #dcd3c8;
--color-gravelle-300: #c1b5a8;
--color-gravelle-400: #aa9c8d;
--color-gravelle-500: #938373;
--color-gravelle-600: #7c6f61;
--color-gravelle-700: #63594e;
--color-gravelle-800: #494138;
--color-gravelle-900: #332d27;
--color-gravelle-950: #1e1a15;
}SCSS
$gravelle: #938576;
$gravelle-rgb: 147, 133, 118;
$gravelle-light: mix(#fff, $gravelle, 20%);
$gravelle-dark: mix(#000, $gravelle, 20%);
.element {
color: $gravelle;
box-shadow: 0 0 0 2px rgba($gravelle, 0.35);
}