Colore con nome · #465352
Dark Slate
Dark Slate è #465352: rgb(70 83 82), hsl(175 8% 30%), oklch(0.431 0.016 190.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dark Slate color name →
#465352
oklch(0.431 0.016 190.9)
Conversioni di colore
- HEX
- #465352
- RGB
- rgb(70 83 82)
- HSL
- hsl(175 8% 30%)
- HWB
- hwb(175 27% 67%)
- OKLCH
- oklch(0.431 0.016 190.9)
- OKLab
- oklab(0.431 -0.016 -0.003)
- CIE Lab
- lab(34.14 -5.48 -1.23)
- LCH
- lch(34.14 5.61 192.6)
- CMYK
- cmyk(16% 0% 1% 67%)
Tinte · Ombre · Toni
Tinte
- 576362
- 687372
- 798382
- 8B9493
- 9EA5A4
- B0B6B6
- C4C8C8
- D7DADA
- EBECEC
Ombre
- 3C4746
- 323B3B
- 28302F
- 1E2525
- 151B1A
- 0D1111
- 050808
- 020202
- 000000
Toni
- 4C5756
- 515C5B
- 57605F
- 5D6564
- 626969
- 686E6D
- 6E7272
- 747777
- 7A7B7B
Armonie di colore
Complementare +180°
- 465352
Dark Slate
- 594C4E
≈ Wizard’s Spell
Analogo -30° +30°
- 465352
Dark Slate
- 48534D
≈ Evergreen Field
- 465256
≈ Slate Court
Triadico +120° +240°
- 465352
Dark Slate
- 534E57
≈ Mulled Wine
- 564F46
≈ Urbane Bronze
Complementare divisa +150° +210°
- 465352
Dark Slate
- 574D53
≈ Purple Empire
- 584D49
≈ Dark Truffle
Tetradico +90° +180° +270°
- 465352
Dark Slate
- 4E4F59
≈ Abbey
- 594C4E
≈ Wizard’s Spell
- 525046
≈ Shade-Grown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.01:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.61:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.01:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--dark-slate: #465352;
--dark-slate-rgb: 70 83 82;
--dark-slate-oklch: oklch(0.431 0.016 190.9);
}
.element {
color: var(--dark-slate);
background-color: hsl(175 8% 30%);
border-color: oklch(0.431 0.016 190.9);
}Tailwind CSS v4
@theme {
--color-dark-slate: #465352;
--color-dark-slate-50: #f0f7f6;
--color-dark-slate-100: #e2eae9;
--color-dark-slate-200: #cdd7d6;
--color-dark-slate-300: #aebaba;
--color-dark-slate-400: #94a2a1;
--color-dark-slate-500: #7a8a89;
--color-dark-slate-600: #687574;
--color-dark-slate-700: #535d5c;
--color-dark-slate-800: #3c4443;
--color-dark-slate-900: #292f2f;
--color-dark-slate-950: #171c1b;
}SCSS
$dark-slate: #465352;
$dark-slate-rgb: 70, 83, 82;
$dark-slate-light: mix(#fff, $dark-slate, 20%);
$dark-slate-dark: mix(#000, $dark-slate, 20%);
.element {
color: $dark-slate;
box-shadow: 0 0 0 2px rgba($dark-slate, 0.35);
}