Colore con nome · #225374
Midnight Sonata
Midnight Sonata è #225374: rgb(34 83 116), hsl(204 55% 29%), oklch(0.425 0.076 241.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Midnight Sonata color name →
#225374
oklch(0.425 0.076 241.3)
Conversioni di colore
- HEX
- #225374
- RGB
- rgb(34 83 116)
- HSL
- hsl(204 55% 29%)
- HWB
- hwb(204 13% 55%)
- OKLCH
- oklch(0.425 0.076 241.3)
- OKLab
- oklab(0.425 -0.037 -0.067)
- CIE Lab
- lab(33.17 -8.16 -24.16)
- LCH
- lch(33.17 25.5 251.3)
- CMYK
- cmyk(71% 28% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 396381
- 4E738F
- 63849D
- 7895AA
- 8EA6B8
- A4B7C6
- BAC9D4
- D1DBE2
- E8EDF1
Ombre
- 1C4764
- 163B54
- 113045
- 0B2537
- 071B29
- 03111B
- 01080F
- 000205
- 000001
Toni
- 2D5876
- 375C77
- 416178
- 4A657A
- 536A7B
- 5C6E7C
- 65737D
- 6E777E
- 777C7F
Armonie di colore
Complementare +180°
- 225374
Midnight Sonata
- 6C441E
≈ Bunni Brown
Analogo -30° +30°
- 225374
Midnight Sonata
- 005965
≈ Abyssal Waters
- 3F4B78
≈ Takaka
Triadico +120° +240°
- 225374
Midnight Sonata
- 703B4C
≈ Grapeshot
- 485521
≈ Army Green
Complementare divisa +150° +210°
- 225374
Midnight Sonata
- 723D34
≈ Single Origin
- 5E4C14
≈ Mud Brown
Tetradico +90° +180° +270°
- 225374
Midnight Sonata
- 663E61
≈ Purple Odyssey
- 6C441E
≈ Bunni Brown
- 2B5A39
≈ Greenbriar
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.21:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.55:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--midnight-sonata: #225374;
--midnight-sonata-rgb: 34 83 116;
--midnight-sonata-oklch: oklch(0.425 0.076 241.3);
}
.element {
color: var(--midnight-sonata);
background-color: hsl(204 55% 29%);
border-color: oklch(0.425 0.076 241.3);
}Tailwind CSS v4
@theme {
--color-midnight-sonata: #225374;
--color-midnight-sonata-50: #e3f8ff;
--color-midnight-sonata-100: #d3ecff;
--color-midnight-sonata-200: #b9d9f3;
--color-midnight-sonata-300: #96bddc;
--color-midnight-sonata-400: #76a5c8;
--color-midnight-sonata-500: #568db4;
--color-midnight-sonata-600: #497798;
--color-midnight-sonata-700: #3a5f7a;
--color-midnight-sonata-800: #28465a;
--color-midnight-sonata-900: #1b303f;
--color-midnight-sonata-950: #0b1d28;
}SCSS
$midnight-sonata: #225374;
$midnight-sonata-rgb: 34, 83, 116;
$midnight-sonata-light: mix(#fff, $midnight-sonata, 20%);
$midnight-sonata-dark: mix(#000, $midnight-sonata, 20%);
.element {
color: $midnight-sonata;
box-shadow: 0 0 0 2px rgba($midnight-sonata, 0.35);
}