Colore con nome · #344D58
Nocturne
Nocturne è #344D58: rgb(52 77 88), hsl(198 26% 27%), oklch(0.404 0.036 227.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Nocturne color name →
#344D58
oklch(0.404 0.036 227.2)
Conversioni di colore
- HEX
- #344d58
- RGB
- rgb(52 77 88)
- HSL
- hsl(198 26% 27%)
- HWB
- hwb(198 20% 65%)
- OKLCH
- oklch(0.404 0.036 227.2)
- OKLab
- oklab(0.404 -0.024 -0.026)
- CIE Lab
- lab(31.06 -7.47 -9.73)
- LCH
- lch(31.06 12.27 232.5)
- CMYK
- cmyk(41% 12% 0% 65%)
Tinte · Ombre · Toni
Tinte
- 465D67
- 596E77
- 6C7F87
- 809097
- 94A2A8
- A9B4B9
- BEC6CA
- D3D9DB
- E9ECED
Ombre
- 2C424B
- 24373F
- 1C2C33
- 152228
- 0E181D
- 070F12
- 030709
- 010203
- 000000
Toni
- 3C525C
- 435760
- 4B5C64
- 526168
- 5A666C
- 616B70
- 697074
- 717678
- 787B7C
Armonie di colore
Complementare +180°
- 344D58
Nocturne
- 594338
≈ Lava Cake
Analogo -30° +30°
- 344D58
Nocturne
- 314F50
≈ Dark Slate Grey
- 3D4A5C
≈ Dark Navy
Triadico +120° +240°
- 344D58
Nocturne
- 58414D
≈ Punchit Purple
- 4B4A34
≈ Olive Leaf
Complementare divisa +150° +210°
- 344D58
Nocturne
- 5B4142
≈ Wood-Black Red
- 544733
≈ Punga
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.94:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.34:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.94:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--nocturne: #344d58;
--nocturne-rgb: 52 77 88;
--nocturne-oklch: oklch(0.404 0.036 227.2);
}
.element {
color: var(--nocturne);
background-color: hsl(198 26% 27%);
border-color: oklch(0.404 0.036 227.2);
}Tailwind CSS v4
@theme {
--color-nocturne: #344d58;
--color-nocturne-50: #ebf7fd;
--color-nocturne-100: #dceaf2;
--color-nocturne-200: #c5d8e1;
--color-nocturne-300: #a6bbc6;
--color-nocturne-400: #89a3af;
--color-nocturne-500: #6e8b99;
--color-nocturne-600: #5d7681;
--color-nocturne-700: #4a5e67;
--color-nocturne-800: #35454c;
--color-nocturne-900: #243035;
--color-nocturne-950: #131c20;
}SCSS
$nocturne: #344d58;
$nocturne-rgb: 52, 77, 88;
$nocturne-light: mix(#fff, $nocturne, 20%);
$nocturne-dark: mix(#000, $nocturne, 20%);
.element {
color: $nocturne;
box-shadow: 0 0 0 2px rgba($nocturne, 0.35);
}