Najbliższy nazwany kolor · #566D95
#566D95
Najbliższy nazwany kolor: Haunt Mist
#566D95 (rgb(86 109 149), hsl(218 27% 46%), oklch(0.533 0.069 261.2)) jest najbliższy nazwanemu kolorowi Haunt Mist. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#566D95
oklch(0.533 0.069 261.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 667BA0
- 7589AA
- 8697B5
- 96A5BF
- A7B4CA
- B8C3D4
- C9D1DF
- DBE0EA
- EDF0F4
Odcienie ciemniejsze
- 4A5E81
- 3E4F6D
- 32415A
- 273348
- 1C2637
- 121926
- 080D16
- 020408
- 000101
Tony
- 5A6F93
- 5E7191
- 63738F
- 67758D
- 6B778B
- 6F7989
- 737B87
- 787C85
- 7C7E82
Harmonie kolorów
Komplementarna +180°
- 566D95
Haunt Mist
- 81693C
≈ Blue Cheese Olive
Analogowa -30° +30°
- 566D95
Haunt Mist
- 3F748E
≈ Harbour Blue
- 6D6692
≈ Purple Grapes
Triada +120° +240°
- 566D95
Haunt Mist
- 915C5B
≈ Rose Taupe
- 567751
≈ Torrey Pine
Komplementarna rozszczepiona +150° +210°
- 566D95
Haunt Mist
- 8D6147
≈ Brilliant Oak
- 6E7140
≈ Wild Jungle
Tetrada +90° +180° +270°
- 566D95
Haunt Mist
- 8C5C71
≈ Grape Nectar
- 81693C
≈ Blue Cheese Olive
- 3F7A67
≈ Fir
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}