Colore con nome più vicino · #5C6C8D
#5C6C8D
Colore con nome più vicino: Haunt Mist
#5C6C8D (rgb(92 108 141), hsl(220 21% 46%), oklch(0.531 0.056 264.5)) è più vicino al colore con nome Haunt Mist. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5C6C8D
oklch(0.531 0.056 264.5)
Conversioni di colore
- HEX
- #5c6c8d
- RGB
- rgb(92 108 141)
- HSL
- hsl(220 21% 46%)
- HWB
- hwb(220 36% 45%)
- OKLCH
- oklch(0.531 0.056 264.5)
- OKLab
- oklab(0.531 -0.005 -0.055)
- CIE Lab
- lab(45.28 0.21 -20.32)
- LCH
- lch(45.28 20.33 270.6)
- CMYK
- cmyk(35% 23% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 6B7A98
- 7A88A3
- 8A96AF
- 9AA4BA
- AAB3C5
- BBC2D1
- CBD1DC
- DCE0E8
- EEEFF3
Ombre
- 4F5D7A
- 424E67
- 364055
- 2A3244
- 1F2533
- 141923
- 0A0D14
- 030407
- 000001
Toni
- 606E8C
- 63708B
- 67728A
- 6A7488
- 6E7687
- 717886
- 757A84
- 797C83
- 7C7E81
Armonie di colore
Complementare +180°
- 5C6C8D
Haunt Mist
- 7B6A46
≈ Lizard
Analogo -30° +30°
- 5C6C8D
Haunt Mist
- 4B7288
≈ Inky Blue
- 6E668A
≈ Posy Purple
Triadico +120° +240°
- 5C6C8D
Haunt Mist
- 8A605C
≈ Antique Garnet
- 587558
≈ Elm Green
Complementare divisa +150° +210°
- 5C6C8D
Haunt Mist
- 86644D
≈ Obscure Ochre
- 6B704A
≈ Outdoor Oasis
Tetradico +90° +180° +270°
- 5C6C8D
Haunt Mist
- 865F6E
≈ Glazed Ringlet
- 7B6A46
≈ Lizard
- 48776A
≈ Hooker’s Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.27:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.98:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--haunt-mist: #5c6c8d;
--haunt-mist-rgb: 92 108 141;
--haunt-mist-oklch: oklch(0.531 0.056 264.5);
}
.element {
color: var(--haunt-mist);
background-color: hsl(220 21% 46%);
border-color: oklch(0.531 0.056 264.5);
}Tailwind CSS v4
@theme {
--color-haunt-mist: #5c6c8d;
--color-haunt-mist-50: #eef5ff;
--color-haunt-mist-100: #dfe8fb;
--color-haunt-mist-200: #c9d4ed;
--color-haunt-mist-300: #aab7d5;
--color-haunt-mist-400: #8e9fc0;
--color-haunt-mist-500: #7486ac;
--color-haunt-mist-600: #627291;
--color-haunt-mist-700: #4e5b74;
--color-haunt-mist-800: #384356;
--color-haunt-mist-900: #262e3c;
--color-haunt-mist-950: #151b26;
}SCSS
$haunt-mist: #5c6c8d;
$haunt-mist-rgb: 92, 108, 141;
$haunt-mist-light: mix(#fff, $haunt-mist, 20%);
$haunt-mist-dark: mix(#000, $haunt-mist, 20%);
.element {
color: $haunt-mist;
box-shadow: 0 0 0 2px rgba($haunt-mist, 0.35);
}