Adlandırılmış renk · #033B9A
Amalfitan Azure
Amalfitan Azure, #033B9A: rgb(3 59 154), hsl(218 96% 31%), oklch(0.388 0.164 261.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Amalfitan Azure color name →
#033B9A
oklch(0.388 0.164 261.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2050A5
- 3964B0
- 5077BB
- 688AC6
- 809DD0
- 98B1DA
- B1C4E4
- CBD7ED
- E5EBF6
Koyu tonlar
- 023285
- 022971
- 01215E
- 01194B
- 001139
- 000927
- 000417
- 000109
- 000001
Gri tonlar
- 154498
- 234C97
- 2F5495
- 3B5B93
- 476190
- 52688E
- 5E6E8B
- 697488
- 747A84
Renk uyumları
Tamamlayıcı +180°
- 033B9A
Amalfitan Azure
- 5A3F00
≈ Hippogriff Brown
Analog -30° +30°
- 033B9A
Amalfitan Azure
- 004B67
≈ Fresco Blue
- 4A2893
≈ Galactic Purple
Üçlü +120° +240°
- 033B9A
Amalfitan Azure
- 84001C
≈ Sneaky Devil
- 0D5400
≈ Donegal Green
Bölünmüş tamamlayıcı +150° +210°
- 033B9A
Amalfitan Azure
- 6D3100
≈ Cold Press Coffee
- 474800
≈ No Emissions Green
Dörtlü +90° +180° +270°
- 033B9A
Amalfitan Azure
- 7D004F
≈ Lucky Wine
- 5A3F00
≈ Hippogriff Brown
- 00513F
≈ Tetsu Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.01:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.09:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 10.01:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
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);
}