Color con nombre más cercano · #374B70
#374B70
Color con nombre más cercano: Midnight Interlude
#374B70 (rgb(55 75 112), hsl(219 34% 33%), oklch(0.413 0.067 262.1)) se parece más al color con nombre Midnight Interlude. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#374B70
oklch(0.413 0.067 262.1)
Conversiones de color
- HEX
- #374b70
- RGB
- rgb(55 75 112)
- HSL
- hsl(219 34% 33%)
- HWB
- hwb(219 22% 56%)
- OKLCH
- oklch(0.413 0.067 262.1)
- OKLab
- oklab(0.413 -0.009 -0.067)
- CIE Lab
- lab(31.52 0.65 -24.13)
- LCH
- lch(31.52 24.14 271.5)
- CMYK
- cmyk(51% 33% 0% 56%)
Tintes · Sombras · Tonos
Tintes
- 495C7E
- 5B6C8C
- 6E7E9A
- 818FA8
- 95A1B6
- AAB3C4
- BEC6D3
- D4D9E2
- E9ECF0
Sombras
- 2E4060
- 263551
- 1E2B43
- 162135
- 0F1727
- 080E1A
- 03060E
- 010204
- 000001
Tonos
- 3E5072
- 455674
- 4C5B76
- 536077
- 5B6679
- 626B7A
- 69707C
- 71757D
- 787B7F
Armonías de color
Complementario +180°
- 374B70
Midnight Interlude
- 5D471B
≈ Mud Brown
Análogo -30° +30°
- 374B70
Midnight Interlude
- 1E516A
≈ Juggernaut
- 4C446D
≈ Izmir Purple
Triádico +120° +240°
- 374B70
Midnight Interlude
- 6B3C3A
≈ Murray Red
- 355532
≈ Ficus
Complementario dividido +150° +210°
- 374B70
Midnight Interlude
- 684027
≈ Van Dyke Brown
- 4C4F20
≈ Army Green
Tetrádico +90° +180° +270°
- 374B70
Midnight Interlude
- 673B4F
≈ Crushed Violets
- 5D471B
≈ Mud Brown
- 1B5747
≈ Bagpiper
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.73:1 · APCA Lc 90
Ag
FailSobre negro
WCAG 2.40:1 · APCA Lc 12
Mejor color de texto: #FFFFFF
WCAG 8.73:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--midnight-interlude: #374b70;
--midnight-interlude-rgb: 55 75 112;
--midnight-interlude-oklch: oklch(0.413 0.067 262.1);
}
.element {
color: var(--midnight-interlude);
background-color: hsl(219 34% 33%);
border-color: oklch(0.413 0.067 262.1);
}Tailwind CSS v4
@theme {
--color-midnight-interlude: #374b70;
--color-midnight-interlude-50: #ebf5ff;
--color-midnight-interlude-100: #dde8ff;
--color-midnight-interlude-200: #c6d5f2;
--color-midnight-interlude-300: #a6b8db;
--color-midnight-interlude-400: #899fc7;
--color-midnight-interlude-500: #6e86b3;
--color-midnight-interlude-600: #5d7297;
--color-midnight-interlude-700: #4a5b79;
--color-midnight-interlude-800: #35435a;
--color-midnight-interlude-900: #242e3f;
--color-midnight-interlude-950: #131b28;
}SCSS
$midnight-interlude: #374b70;
$midnight-interlude-rgb: 55, 75, 112;
$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);
}