Colore con nome più vicino · #27375F
#27375F
Colore con nome più vicino: Midnight Escapade
#27375F (rgb(39 55 95), hsl(223 42% 26%), oklch(0.344 0.073 266.2)) è più vicino al colore con nome Midnight Escapade. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#27375F
oklch(0.344 0.073 266.2)
Conversioni di colore
- HEX
- #27375f
- RGB
- rgb(39 55 95)
- HSL
- hsl(223 42% 26%)
- HWB
- hwb(223 15% 63%)
- OKLCH
- oklch(0.344 0.073 266.2)
- OKLab
- oklab(0.344 -0.005 -0.073)
- CIE Lab
- lab(23.28 3.66 -26.29)
- LCH
- lch(23.28 26.54 277.9)
- CMYK
- cmyk(59% 42% 0% 63%)
Tinte · Ombre · Toni
Tinte
- 39496E
- 4D5C7E
- 616F8D
- 76829D
- 8B96AD
- A1AABD
- B8BFCD
- CFD4DE
- E7E9EE
Ombre
- 202E52
- 1A2644
- 141E38
- 0E162C
- 080F20
- 040815
- 02030A
- 010103
- 000000
Toni
- 2F3E63
- 384566
- 404D6A
- 49546D
- 525B71
- 5B6274
- 646A77
- 6D717A
- 76797D
Armonie di colore
Complementare +180°
- 27375F
Midnight Escapade
- 493600
≈ Night in the Woods
Analogo -30° +30°
- 27375F
Midnight Escapade
- 013E5A
≈ Maniac Mansion
- 3D305A
≈ Jakarta Skyline
Triadico +120° +240°
- 27375F
Midnight Escapade
- 592824
≈ Caput Mortuum
- 1C4321
≈ Myrtle
Complementare divisa +150° +210°
- 27375F
Midnight Escapade
- 552D0C
≈ Dark Catacombs
- 373D07
≈ Dark Olive
Tetradico +90° +180° +270°
- 27375F
Midnight Escapade
- 56273A
≈ Zinfandel
- 493600
≈ Night in the Woods
- 004438
≈ UP Forest Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.67:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.79:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.67:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--midnight-escapade: #27375f;
--midnight-escapade-rgb: 39 55 95;
--midnight-escapade-oklch: oklch(0.344 0.073 266.2);
}
.element {
color: var(--midnight-escapade);
background-color: hsl(223 42% 26%);
border-color: oklch(0.344 0.073 266.2);
}Tailwind CSS v4
@theme {
--color-midnight-escapade: #27375f;
--color-midnight-escapade-50: #ecf5ff;
--color-midnight-escapade-100: #dde8ff;
--color-midnight-escapade-200: #c7d4f5;
--color-midnight-escapade-300: #a7b7de;
--color-midnight-escapade-400: #8a9ecb;
--color-midnight-escapade-500: #6f85b7;
--color-midnight-escapade-600: #5e719b;
--color-midnight-escapade-700: #4b5a7c;
--color-midnight-escapade-800: #35425c;
--color-midnight-escapade-900: #242e40;
--color-midnight-escapade-950: #131a29;
}SCSS
$midnight-escapade: #27375f;
$midnight-escapade-rgb: 39, 55, 95;
$midnight-escapade-light: mix(#fff, $midnight-escapade, 20%);
$midnight-escapade-dark: mix(#000, $midnight-escapade, 20%);
.element {
color: $midnight-escapade;
box-shadow: 0 0 0 2px rgba($midnight-escapade, 0.35);
}