이름 색상 · #014A69
Adriatic
Adriatic은(는) #014A69: rgb(1 74 105), hsl(198 98% 21%), oklch(0.386 0.081 235). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Adriatic color name →
#014A69
oklch(0.386 0.081 235)
색상 변환
- HEX
- #014a69
- RGB
- rgb(1 74 105)
- HSL
- hsl(198 98% 21%)
- HWB
- hwb(198 0% 59%)
- OKLCH
- oklch(0.386 0.081 235)
- OKLab
- oklab(0.386 -0.047 -0.067)
- CIE Lab
- lab(28.83 -10.96 -24.11)
- LCH
- lch(28.83 26.48 245.6)
- CMYK
- cmyk(99% 30% 0% 59%)
틴트 · 셰이드 · 톤
틴트
- 255B77
- 3E6C86
- 567D95
- 6D8FA3
- 84A1B2
- 9CB3C1
- B4C6D1
- CDD9E0
- E6ECEF
셰이드
- 013F5A
- 01354C
- 002A3E
- 002031
- 001724
- 000E18
- 00060C
- 000204
- 000000
톤
- 18506C
- 27556E
- 345B71
- 3F6073
- 4B6575
- 566B78
- 60707A
- 6B757C
- 757B7E
색 조화
보색 +180°
- 014A69
Adriatic
- 653712
≈ Meatloaf
유사색 -30° +30°
- 014A69
Adriatic
- 004E55
≈ Deep Atlantic Blue
- 2E426F
≈ Napoleonic Blue
삼각 배색 +120° +240°
- 014A69
Adriatic
- 653046
≈ Clinker Red
- 43490A
≈ No Emissions Green
분열 보색 +150° +210°
- 014A69
Adriatic
- 69312D
≈ Cherry Mahogany
- 574000
≈ Roman Bronze
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.61:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.18:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.61:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--adriatic: #014a69;
--adriatic-rgb: 1 74 105;
--adriatic-oklch: oklch(0.386 0.081 235);
}
.element {
color: var(--adriatic);
background-color: hsl(198 98% 21%);
border-color: oklch(0.386 0.081 235);
}Tailwind CSS v4
@theme {
--color-adriatic: #014a69;
--color-adriatic-50: #e0f9ff;
--color-adriatic-100: #cfedff;
--color-adriatic-200: #b4daf3;
--color-adriatic-300: #90bedc;
--color-adriatic-400: #6da7c8;
--color-adriatic-500: #4b8fb4;
--color-adriatic-600: #407998;
--color-adriatic-700: #33617a;
--color-adriatic-800: #23475a;
--color-adriatic-900: #17313f;
--color-adriatic-950: #081d28;
}SCSS
$adriatic: #014a69;
$adriatic-rgb: 1, 74, 105;
$adriatic-light: mix(#fff, $adriatic, 20%);
$adriatic-dark: mix(#000, $adriatic, 20%);
.element {
color: $adriatic;
box-shadow: 0 0 0 2px rgba($adriatic, 0.35);
}