Couleur nommée la plus proche · #5E6A97
#5E6A97
Couleur nommée la plus proche: Haunt Mist
#5E6A97 (rgb(94 106 151), hsl(227 23% 48%), oklch(0.533 0.072 272.3)) est la plus proche de la couleur nommée Haunt Mist. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5E6A97
oklch(0.533 0.072 272.3)
Conversions de couleur
- HEX
- #5e6a97
- RGB
- rgb(94 106 151)
- HSL
- hsl(227 23% 48%)
- HWB
- hwb(227 37% 41%)
- OKLCH
- oklch(0.533 0.072 272.3)
- OKLab
- oklab(0.533 0.003 -0.072)
- CIE Lab
- lab(45.22 4.19 -26.33)
- LCH
- lch(45.22 26.66 279)
- CMYK
- cmyk(38% 30% 0% 41%)
Teintes · Ombres · Tons
Teintes
- 6D78A1
- 7C86AC
- 8B95B6
- 9BA3C1
- ABB2CB
- BBC1D5
- CCD0E0
- DDE0EA
- EEEFF5
Ombres
- 515B83
- 444D6F
- 373F5C
- 2B3149
- 1F2437
- 141826
- 0A0D17
- 030408
- 000001
Tons
- 616C95
- 656F93
- 687191
- 6B738F
- 6F758C
- 72788A
- 767A88
- 797C85
- 7C7E83
Harmonies de couleurs
Complémentaire +180°
- 5E6A97
Haunt Mist
- 7B6B39
≈ Gold Sparkle
Analogue -30° +30°
- 5E6A97
Haunt Mist
- 457293
≈ Harbour Blue
- 756290
≈ Super Violet
Triadique +120° +240°
- 5E6A97
Haunt Mist
- 925D52
≈ Copper Mining
- 4B7958
≈ Como
Complémentaire divisée +150° +210°
- 5E6A97
Haunt Mist
- 8B633F
≈ Cambridge Leather
- 657443
≈ Cedar Green
Tétradique +90° +180° +270°
- 5E6A97
Haunt Mist
- 905B69
≈ Cabernet
- 7B6B39
≈ Gold Sparkle
- 347A70
≈ Pearl Green
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.27:1 · APCA Lc 76
Ag
FailSur noir
WCAG 3.98:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--haunt-mist: #5e6a97;
--haunt-mist-rgb: 94 106 151;
--haunt-mist-oklch: oklch(0.533 0.072 272.3);
}
.element {
color: var(--haunt-mist);
background-color: hsl(227 23% 48%);
border-color: oklch(0.533 0.072 272.3);
}Tailwind CSS v4
@theme {
--color-haunt-mist: #5e6a97;
--color-haunt-mist-50: #eef4ff;
--color-haunt-mist-100: #e0e7ff;
--color-haunt-mist-200: #cad3f4;
--color-haunt-mist-300: #acb5dd;
--color-haunt-mist-400: #8f9cca;
--color-haunt-mist-500: #7583b7;
--color-haunt-mist-600: #636f9a;
--color-haunt-mist-700: #4f597c;
--color-haunt-mist-800: #39415c;
--color-haunt-mist-900: #272d40;
--color-haunt-mist-950: #151a29;
}SCSS
$haunt-mist: #5e6a97;
$haunt-mist-rgb: 94, 106, 151;
$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);
}