Colore con nome · #41434E
Midnight Serenade
Midnight Serenade è #41434E: rgb(65 67 78), hsl(231 9% 28%), oklch(0.385 0.019 277.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Midnight Serenade color name →
#41434E
oklch(0.385 0.019 277.3)
Conversioni di colore
- HEX
- #41434e
- RGB
- rgb(65 67 78)
- HSL
- hsl(231 9% 28%)
- HWB
- hwb(231 25% 69%)
- OKLCH
- oklch(0.385 0.019 277.3)
- OKLab
- oklab(0.385 0.002 -0.019)
- CIE Lab
- lab(28.54 1.13 -6.95)
- LCH
- lch(28.54 7.05 279.3)
- CMYK
- cmyk(17% 14% 0% 69%)
Tinte · Ombre · Toni
Tinte
- 52545E
- 63656E
- 75777F
- 888990
- 9A9CA2
- AEAFB4
- C2C2C6
- D6D6D9
- EAEAEC
Ombre
- 373943
- 2E2F38
- 25262D
- 1C1D23
- 131419
- 0B0C0F
- 050507
- 010102
- 000000
Toni
- 474953
- 4D4F58
- 53555D
- 595B62
- 606167
- 66676C
- 6C6D71
- 737376
- 797A7B
Armonie di colore
Complementare +180°
- 41434E
Midnight Serenade
- 464439
≈ Volcanic Stone Green
Analogo -30° +30°
- 41434E
Midnight Serenade
- 3C454E
≈ Blackbird
- 46414C
≈ Flint Purple
Triadico +120° +240°
- 41434E
Midnight Serenade
- 4D403D
≈ Brown Pepper
- 3C4740
≈ Rich Olive
Complementare divisa +150° +210°
- 41434E
Midnight Serenade
- 4B4239
≈ Dried Dates
- 41463B
≈ Black Forest Green
Tetradico +90° +180° +270°
- 41434E
Midnight Serenade
- 4D4042
≈ Polished Leather
- 464439
≈ Volcanic Stone Green
- 394745
≈ Darkness Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.82:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.13:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.82:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--midnight-serenade: #41434e;
--midnight-serenade-rgb: 65 67 78;
--midnight-serenade-oklch: oklch(0.385 0.019 277.3);
}
.element {
color: var(--midnight-serenade);
background-color: hsl(231 9% 28%);
border-color: oklch(0.385 0.019 277.3);
}Tailwind CSS v4
@theme {
--color-midnight-serenade: #41434e;
--color-midnight-serenade-50: #f4f5fb;
--color-midnight-serenade-100: #e6e7ee;
--color-midnight-serenade-200: #d2d4dc;
--color-midnight-serenade-300: #b5b7c1;
--color-midnight-serenade-400: #9b9eaa;
--color-midnight-serenade-500: #838593;
--color-midnight-serenade-600: #6f717c;
--color-midnight-serenade-700: #585a63;
--color-midnight-serenade-800: #404249;
--color-midnight-serenade-900: #2c2d33;
--color-midnight-serenade-950: #191a1e;
}SCSS
$midnight-serenade: #41434e;
$midnight-serenade-rgb: 65, 67, 78;
$midnight-serenade-light: mix(#fff, $midnight-serenade, 20%);
$midnight-serenade-dark: mix(#000, $midnight-serenade, 20%);
.element {
color: $midnight-serenade;
box-shadow: 0 0 0 2px rgba($midnight-serenade, 0.35);
}