Colore con nome più vicino · #2F4D5A
#2F4D5A
Colore con nome più vicino: Nocturne
#2F4D5A (rgb(47 77 90), hsl(198 31% 27%), oklch(0.402 0.042 227.3)) è più vicino al colore con nome Nocturne. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2F4D5A
oklch(0.402 0.042 227.3)
Conversioni di colore
- HEX
- #2f4d5a
- RGB
- rgb(47 77 90)
- HSL
- hsl(198 31% 27%)
- HWB
- hwb(198 18% 65%)
- OKLCH
- oklch(0.402 0.042 227.3)
- OKLab
- oklab(0.402 -0.028 -0.031)
- CIE Lab
- lab(30.81 -8.61 -11.4)
- LCH
- lch(30.81 14.29 232.9)
- CMYK
- cmyk(48% 14% 0% 65%)
Tinte · Ombre · Toni
Tinte
- 425D69
- 556E79
- 697F88
- 7D9099
- 92A2A9
- A7B4BA
- BCC6CB
- D2D9DC
- E8ECED
Ombre
- 27424D
- 203741
- 192C35
- 122229
- 0C181E
- 060F13
- 030709
- 010203
- 000000
Toni
- 37525E
- 3F5762
- 475C65
- 4F6169
- 57666D
- 606B71
- 687075
- 707678
- 787B7C
Armonie di colore
Complementare +180°
- 2F4D5A
Nocturne
- 5B4135
≈ Pitch Mary Brown
Analogo -30° +30°
- 2F4D5A
Nocturne
- 2B4F50
≈ Dark Slate Grey
- 3A495F
≈ Evening Glory
Triadico +120° +240°
- 2F4D5A
Nocturne
- 593F4D
≈ Siliceous Red
- 4B4A2F
≈ Tinny Tin
Complementare divisa +150° +210°
- 2F4D5A
Nocturne
- 5D3F40
≈ Wine Brown
- 55462E
≈ Punga
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.01:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.33:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.01:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--nocturne: #2f4d5a;
--nocturne-rgb: 47 77 90;
--nocturne-oklch: oklch(0.402 0.042 227.3);
}
.element {
color: var(--nocturne);
background-color: hsl(198 31% 27%);
border-color: oklch(0.402 0.042 227.3);
}Tailwind CSS v4
@theme {
--color-nocturne: #2f4d5a;
--color-nocturne-50: #eaf8ff;
--color-nocturne-100: #daebf3;
--color-nocturne-200: #c3d8e3;
--color-nocturne-300: #a2bcc9;
--color-nocturne-400: #85a4b2;
--color-nocturne-500: #698c9c;
--color-nocturne-600: #597784;
--color-nocturne-700: #475f6a;
--color-nocturne-800: #33464d;
--color-nocturne-900: #233036;
--color-nocturne-950: #121c21;
}SCSS
$nocturne: #2f4d5a;
$nocturne-rgb: 47, 77, 90;
$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);
}