이름 색상 · #033B9A
Amalfitan Azure
Amalfitan Azure은(는) #033B9A: rgb(3 59 154), hsl(218 96% 31%), oklch(0.388 0.164 261.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Amalfitan Azure color name →
#033B9A
oklch(0.388 0.164 261.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 2050A5
- 3964B0
- 5077BB
- 688AC6
- 809DD0
- 98B1DA
- B1C4E4
- CBD7ED
- E5EBF6
셰이드
- 023285
- 022971
- 01215E
- 01194B
- 001139
- 000927
- 000417
- 000109
- 000001
톤
- 154498
- 234C97
- 2F5495
- 3B5B93
- 476190
- 52688E
- 5E6E8B
- 697488
- 747A84
색 조화
보색 +180°
- 033B9A
Amalfitan Azure
- 5A3F00
≈ Hippogriff Brown
유사색 -30° +30°
- 033B9A
Amalfitan Azure
- 004B67
≈ Fresco Blue
- 4A2893
≈ Galactic Purple
삼각 배색 +120° +240°
- 033B9A
Amalfitan Azure
- 84001C
≈ Sneaky Devil
- 0D5400
≈ Donegal Green
분열 보색 +150° +210°
- 033B9A
Amalfitan Azure
- 6D3100
≈ Cold Press Coffee
- 474800
≈ No Emissions Green
사각 배색 +90° +180° +270°
- 033B9A
Amalfitan Azure
- 7D004F
≈ Lucky Wine
- 5A3F00
≈ Hippogriff Brown
- 00513F
≈ Tetsu Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.01:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.09:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 10.01:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
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);
}