이름 색상 · #01153E
Navy
Navy은(는) #01153E: rgb(1 21 62), hsl(220 97% 12%), oklch(0.211 0.084 260.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Navy color name →
#01153E
oklch(0.211 0.084 260.5)
색상 변환
- HEX
- #01153e
- RGB
- rgb(1 21 62)
- HSL
- hsl(220 97% 12%)
- HWB
- hwb(220 0% 76%)
- OKLCH
- oklch(0.211 0.084 260.5)
- OKLab
- oklab(0.211 -0.014 -0.083)
- CIE Lab
- lab(7.55 7.19 -29.23)
- LCH
- lch(7.55 30.1 283.8)
- CMYK
- cmyk(98% 66% 0% 76%)
틴트 · 셰이드 · 톤
틴트
- 142A50
- 2A3F63
- 425575
- 5A6C88
- 74839C
- 8E9AAF
- A9B3C3
- C5CCD6
- E2E5EB
셰이드
- 011135
- 010C2B
- 000823
- 00051A
- 000312
- 00020A
- 000104
- 000001
- 000000
톤
- 0A2045
- 172A4C
- 233553
- 2F3F5A
- 3C4A60
- 495467
- 565F6D
- 646A73
- 72757A
색 조화
보색 +180°
- 01153E
Navy
- 231600
≈ Cannon Black
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
- 01153E
Navy
- 2C0F00
≈ Root Brew
- 1A1A00
≈ Noir Mystique
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 17.82:1 · APCA Lc 104
Ag
Fail검은색 위
WCAG 1.17:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 104
Contrast pairs
코드 스니펫
CSS
:root {
--navy: #01153e;
--navy-rgb: 1 21 62;
--navy-oklch: oklch(0.211 0.084 260.5);
}
.element {
color: var(--navy);
background-color: hsl(220 97% 12%);
border-color: oklch(0.211 0.084 260.5);
}Tailwind CSS v4
@theme {
--color-navy: #01153e;
--color-navy-50: #e8f6ff;
--color-navy-100: #d9e9ff;
--color-navy-200: #c1d5f9;
--color-navy-300: #a1b8e3;
--color-navy-400: #829fd0;
--color-navy-500: #6687be;
--color-navy-600: #5672a0;
--color-navy-700: #455b81;
--color-navy-800: #30435f;
--color-navy-900: #212e43;
--color-navy-950: #101b2b;
}SCSS
$navy: #01153e;
$navy-rgb: 1, 21, 62;
$navy-light: mix(#fff, $navy, 20%);
$navy-dark: mix(#000, $navy, 20%);
.element {
color: $navy;
box-shadow: 0 0 0 2px rgba($navy, 0.35);
}