Nazwany kolor · #32496F
Midnight Interlude
Midnight Interlude to #32496F: rgb(50 73 111), hsl(217 38% 32%), oklch(0.405 0.071 260.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Midnight Interlude color name →
#32496F
oklch(0.405 0.071 260.1)
Konwersje koloru
- HEX
- #32496f
- RGB
- rgb(50 73 111)
- HSL
- hsl(217 38% 32%)
- HWB
- hwb(217 20% 56%)
- OKLCH
- oklch(0.405 0.071 260.1)
- OKLab
- oklab(0.405 -0.012 -0.069)
- CIE Lab
- lab(30.52 0.13 -25.1)
- LCH
- lch(30.52 25.1 270.3)
- CMYK
- cmyk(55% 34% 0% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 445A7D
- 576B8B
- 6A7C99
- 7E8EA7
- 93A0B6
- A7B2C4
- BDC5D3
- D2D8E1
- E9EBF0
Odcienie ciemniejsze
- 2A3E60
- 223451
- 1B2A42
- 142034
- 0D1727
- 070E1A
- 03060E
- 010204
- 000001
Tony
- 3A4F71
- 415473
- 495A75
- 515F77
- 586578
- 606A7A
- 68707C
- 70757D
- 787B7F
Harmonie kolorów
Komplementarna +180°
- 32496F
Midnight Interlude
- 5D4416
≈ Mud Brown
Analogowa -30° +30°
- 32496F
Midnight Interlude
- 155068
≈ Hanada Blue
- 49426C
≈ Izmir Purple
Triada +120° +240°
- 32496F
Midnight Interlude
- 6A3839
≈ Plum Sauce
- 33522D
≈ Kaitoke Green
Komplementarna rozszczepiona +150° +210°
- 32496F
Midnight Interlude
- 673D24
≈ Searing Gorge Brown
- 4B4C1A
≈ Bronze Tone
Tetrada +90° +180° +270°
- 32496F
Midnight Interlude
- 65384E
≈ High Priest
- 5D4416
≈ Mud Brown
- 155543
≈ Bagpiper
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.05:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.31:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.05:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--midnight-interlude: #32496f;
--midnight-interlude-rgb: 50 73 111;
--midnight-interlude-oklch: oklch(0.405 0.071 260.1);
}
.element {
color: var(--midnight-interlude);
background-color: hsl(217 38% 32%);
border-color: oklch(0.405 0.071 260.1);
}Tailwind CSS v4
@theme {
--color-midnight-interlude: #32496f;
--color-midnight-interlude-50: #eaf6ff;
--color-midnight-interlude-100: #dbe9ff;
--color-midnight-interlude-200: #c4d5f3;
--color-midnight-interlude-300: #a4b8dc;
--color-midnight-interlude-400: #86a0c9;
--color-midnight-interlude-500: #6b87b5;
--color-midnight-interlude-600: #5b7299;
--color-midnight-interlude-700: #485b7b;
--color-midnight-interlude-800: #33435b;
--color-midnight-interlude-900: #232e40;
--color-midnight-interlude-950: #121b28;
}SCSS
$midnight-interlude: #32496f;
$midnight-interlude-rgb: 50, 73, 111;
$midnight-interlude-light: mix(#fff, $midnight-interlude, 20%);
$midnight-interlude-dark: mix(#000, $midnight-interlude, 20%);
.element {
color: $midnight-interlude;
box-shadow: 0 0 0 2px rgba($midnight-interlude, 0.35);
}