Nazwany kolor · #565B8D
Midnight Sea
Midnight Sea to #565B8D: rgb(86 91 141), hsl(235 24% 45%), oklch(0.489 0.08 278.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Midnight Sea color name →
#565B8D
oklch(0.489 0.08 278.6)
Konwersje koloru
- HEX
- #565b8d
- RGB
- rgb(86 91 141)
- HSL
- hsl(235 24% 45%)
- HWB
- hwb(235 34% 45%)
- OKLCH
- oklch(0.489 0.08 278.6)
- OKLab
- oklab(0.489 0.012 -0.079)
- CIE Lab
- lab(39.89 8.01 -28.68)
- LCH
- lch(39.89 29.78 285.6)
- CMYK
- cmyk(39% 35% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 656A98
- 757AA4
- 858AAF
- 959ABB
- A6AAC6
- B7BBD1
- C9CBDD
- DBDCE8
- EDEEF4
Odcienie ciemniejsze
- 4A4E7A
- 3E4167
- 323555
- 272944
- 1C1E33
- 121323
- 080914
- 020307
- 000001
Tony
- 5A5F8C
- 5E638B
- 62678A
- 666A89
- 6A6E88
- 6F7286
- 737585
- 777983
- 7C7C82
Harmonie kolorów
Komplementarna +180°
- 565B8D
Midnight Sea
- 6C6125
≈ Saguaro
Analogowa -30° +30°
- 565B8D
Midnight Sea
- 39638C
≈ Mississippi River
- 6D5383
≈ Gutsy Grape
Triada +120° +240°
- 565B8D
Midnight Sea
- 874F3D
≈ Antler Moth
- 336E4F
≈ Jungle Book Green
Komplementarna rozszczepiona +150° +210°
- 565B8D
Midnight Sea
- 7E5729
≈ Arable Brown
- 526936
≈ Tiāntāi Mountain Green
Tetrada +90° +180° +270°
- 565B8D
Midnight Sea
- 874C57
≈ Wine Not
- 6C6125
≈ Saguaro
- 126E69
≈ Tide Pools
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.40:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.27:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.40:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--midnight-sea: #565b8d;
--midnight-sea-rgb: 86 91 141;
--midnight-sea-oklch: oklch(0.489 0.08 278.6);
}
.element {
color: var(--midnight-sea);
background-color: hsl(235 24% 45%);
border-color: oklch(0.489 0.08 278.6);
}Tailwind CSS v4
@theme {
--color-midnight-sea: #565b8d;
--color-midnight-sea-50: #f0f3ff;
--color-midnight-sea-100: #e2e6ff;
--color-midnight-sea-200: #cdd1f7;
--color-midnight-sea-300: #afb3e0;
--color-midnight-sea-400: #939ace;
--color-midnight-sea-500: #7a81bb;
--color-midnight-sea-600: #676d9e;
--color-midnight-sea-700: #53577f;
--color-midnight-sea-800: #3b405e;
--color-midnight-sea-900: #282c42;
--color-midnight-sea-950: #16192a;
}SCSS
$midnight-sea: #565b8d;
$midnight-sea-rgb: 86, 91, 141;
$midnight-sea-light: mix(#fff, $midnight-sea, 20%);
$midnight-sea-dark: mix(#000, $midnight-sea, 20%);
.element {
color: $midnight-sea;
box-shadow: 0 0 0 2px rgba($midnight-sea, 0.35);
}