Colore con nome · #274376
Monaco Blue
Monaco Blue è #274376: rgb(39 67 118), hsl(219 50% 31%), oklch(0.388 0.093 261.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Monaco Blue color name →
#274376
oklch(0.388 0.093 261.4)
Conversioni di colore
- HEX
- #274376
- RGB
- rgb(39 67 118)
- HSL
- hsl(219 50% 31%)
- HWB
- hwb(219 15% 54%)
- OKLCH
- oklch(0.388 0.093 261.4)
- OKLab
- oklab(0.388 -0.014 -0.092)
- CIE Lab
- lab(28.31 3.08 -33.02)
- LCH
- lch(28.31 33.16 275.3)
- CMYK
- cmyk(67% 43% 0% 54%)
Tinte · Ombre · Toni
Tinte
- 3A5584
- 4E6691
- 62789F
- 778BAD
- 8D9DBA
- A3B0C8
- B9C4D6
- D0D7E3
- E7EBF1
Ombre
- 203966
- 1A2F56
- 142647
- 0E1D38
- 081429
- 040C1C
- 02050F
- 010105
- 000001
Toni
- 304978
- 385079
- 41567A
- 4A5C7C
- 53627D
- 5C687E
- 656E7E
- 6E747F
- 777A80
Armonie di colore
Complementare +180°
- 274376
Monaco Blue
- 5A3F00
≈ Hippogriff Brown
Analogo -30° +30°
- 274376
Monaco Blue
- 004B67
≈ Fresco Blue
- 463A72
≈ Opera Blue
Triadico +120° +240°
- 274376
Monaco Blue
- 6E2D2E
≈ Woody Brown
- 24501E
≈ Białowieża Forest
Complementare divisa +150° +210°
- 274376
Monaco Blue
- 6A330A
≈ Meatloaf
- 474800
≈ No Emissions Green
Tetradico +90° +180° +270°
- 274376
Monaco Blue
- 692D4A
≈ Cherry Juice Red
- 5A3F00
≈ Hippogriff Brown
- 00513F
≈ Tetsu Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.76:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.15:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.76:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--monaco-blue: #274376;
--monaco-blue-rgb: 39 67 118;
--monaco-blue-oklch: oklch(0.388 0.093 261.4);
}
.element {
color: var(--monaco-blue);
background-color: hsl(219 50% 31%);
border-color: oklch(0.388 0.093 261.4);
}Tailwind CSS v4
@theme {
--color-monaco-blue: #274376;
--color-monaco-blue-50: #e7f6ff;
--color-monaco-blue-100: #d8e8ff;
--color-monaco-blue-200: #c0d5fd;
--color-monaco-blue-300: #9fb8e8;
--color-monaco-blue-400: #809fd6;
--color-monaco-blue-500: #6386c4;
--color-monaco-blue-600: #5471a5;
--color-monaco-blue-700: #435b85;
--color-monaco-blue-800: #2f4363;
--color-monaco-blue-900: #1f2e45;
--color-monaco-blue-950: #0f1b2d;
}SCSS
$monaco-blue: #274376;
$monaco-blue-rgb: 39, 67, 118;
$monaco-blue-light: mix(#fff, $monaco-blue, 20%);
$monaco-blue-dark: mix(#000, $monaco-blue, 20%);
.element {
color: $monaco-blue;
box-shadow: 0 0 0 2px rgba($monaco-blue, 0.35);
}