Nearest named color · #566D95
#566D95
Nearest named color: Haunt Mist
#566D95 (rgb(86 109 149), hsl(218 27% 46%), oklch(0.533 0.069 261.2)) is closest to the named color Haunt Mist. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#566D95
oklch(0.533 0.069 261.2)
Color conversions
- HEX
- #566d95
- RGB
- rgb(86 109 149)
- HSL
- hsl(218 27% 46%)
- HWB
- hwb(218 34% 42%)
- OKLCH
- oklch(0.533 0.069 261.2)
- OKLab
- oklab(0.533 -0.011 -0.068)
- CIE Lab
- lab(45.44 -0.48 -24.87)
- LCH
- lch(45.44 24.87 268.9)
- CMYK
- cmyk(42% 27% 0% 42%)
Tints · Shades · Tones
Tints
- 667BA0
- 7589AA
- 8697B5
- 96A5BF
- A7B4CA
- B8C3D4
- C9D1DF
- DBE0EA
- EDF0F4
Shades
- 4A5E81
- 3E4F6D
- 32415A
- 273348
- 1C2637
- 121926
- 080D16
- 020408
- 000101
Tones
- 5A6F93
- 5E7191
- 63738F
- 67758D
- 6B778B
- 6F7989
- 737B87
- 787C85
- 7C7E82
Color harmonies
Complementary +180°
- 566D95
Haunt Mist
- 81693C
≈ Blue Cheese Olive
Analogous -30° +30°
- 566D95
Haunt Mist
- 3F748E
≈ Harbour Blue
- 6D6692
≈ Purple Grapes
Triadic +120° +240°
- 566D95
Haunt Mist
- 915C5B
≈ Rose Taupe
- 567751
≈ Torrey Pine
Split-complementary +150° +210°
- 566D95
Haunt Mist
- 8D6147
≈ Brilliant Oak
- 6E7140
≈ Wild Jungle
Tetradic +90° +180° +270°
- 566D95
Haunt Mist
- 8C5C71
≈ Grape Nectar
- 81693C
≈ Blue Cheese Olive
- 3F7A67
≈ Fir
Contrast & accessibility
Ag
AAOn white
WCAG 5.22:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.01:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--haunt-mist: #566d95;
--haunt-mist-rgb: 86 109 149;
--haunt-mist-oklch: oklch(0.533 0.069 261.2);
}
.element {
color: var(--haunt-mist);
background-color: hsl(218 27% 46%);
border-color: oklch(0.533 0.069 261.2);
}Tailwind CSS v4
@theme {
--color-haunt-mist: #566d95;
--color-haunt-mist-50: #ebf6ff;
--color-haunt-mist-100: #dce8ff;
--color-haunt-mist-200: #c5d5f3;
--color-haunt-mist-300: #a5b8dc;
--color-haunt-mist-400: #889fc8;
--color-haunt-mist-500: #6c87b4;
--color-haunt-mist-600: #5c7298;
--color-haunt-mist-700: #495b7a;
--color-haunt-mist-800: #34435a;
--color-haunt-mist-900: #232e3f;
--color-haunt-mist-950: #121b28;
}SCSS
$haunt-mist: #566d95;
$haunt-mist-rgb: 86, 109, 149;
$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);
}