Colore con nome · #033B9A
Amalfitan Azure
Amalfitan Azure è #033B9A: rgb(3 59 154), hsl(218 96% 31%), oklch(0.388 0.164 261.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Amalfitan Azure color name →
#033B9A
oklch(0.388 0.164 261.1)
Conversioni di colore
- HEX
- #033b9a
- RGB
- rgb(3 59 154)
- HSL
- hsl(218 96% 31%)
- HWB
- hwb(218 1% 40%)
- OKLCH
- oklch(0.388 0.164 261.1)
- OKLab
- oklab(0.388 -0.025 -0.162)
- CIE Lab
- lab(27.06 16.29 -57.35)
- LCH
- lch(27.06 59.62 285.9)
- CMYK
- cmyk(98% 62% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 2050A5
- 3964B0
- 5077BB
- 688AC6
- 809DD0
- 98B1DA
- B1C4E4
- CBD7ED
- E5EBF6
Ombre
- 023285
- 022971
- 01215E
- 01194B
- 001139
- 000927
- 000417
- 000109
- 000001
Toni
- 154498
- 234C97
- 2F5495
- 3B5B93
- 476190
- 52688E
- 5E6E8B
- 697488
- 747A84
Armonie di colore
Complementare +180°
- 033B9A
Amalfitan Azure
- 5A3F00
≈ Hippogriff Brown
Analogo -30° +30°
- 033B9A
Amalfitan Azure
- 004B67
≈ Fresco Blue
- 4A2893
≈ Galactic Purple
Triadico +120° +240°
- 033B9A
Amalfitan Azure
- 84001C
≈ Sneaky Devil
- 0D5400
≈ Donegal Green
Complementare divisa +150° +210°
- 033B9A
Amalfitan Azure
- 6D3100
≈ Cold Press Coffee
- 474800
≈ No Emissions Green
Tetradico +90° +180° +270°
- 033B9A
Amalfitan Azure
- 7D004F
≈ Lucky Wine
- 5A3F00
≈ Hippogriff Brown
- 00513F
≈ Tetsu Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.01:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.09:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 10.01:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--amalfitan-azure: #033b9a;
--amalfitan-azure-rgb: 3 59 154;
--amalfitan-azure-oklch: oklch(0.388 0.164 261.1);
}
.element {
color: var(--amalfitan-azure);
background-color: hsl(218 96% 31%);
border-color: oklch(0.388 0.164 261.1);
}Tailwind CSS v4
@theme {
--color-amalfitan-azure: #033b9a;
--color-amalfitan-azure-50: #ddf6ff;
--color-amalfitan-azure-100: #cbe9ff;
--color-amalfitan-azure-200: #afd4ff;
--color-amalfitan-azure-300: #8bb6ff;
--color-amalfitan-azure-400: #659cfe;
--color-amalfitan-azure-500: #4381f1;
--color-amalfitan-azure-600: #396dcb;
--color-amalfitan-azure-700: #2d58a3;
--color-amalfitan-azure-800: #1c417a;
--color-amalfitan-azure-900: #122d56;
--color-amalfitan-azure-950: #05193a;
}SCSS
$amalfitan-azure: #033b9a;
$amalfitan-azure-rgb: 3, 59, 154;
$amalfitan-azure-light: mix(#fff, $amalfitan-azure, 20%);
$amalfitan-azure-dark: mix(#000, $amalfitan-azure, 20%);
.element {
color: $amalfitan-azure;
box-shadow: 0 0 0 2px rgba($amalfitan-azure, 0.35);
}