가장 가까운 이름 색상 · #0D3B66
#0D3B66
가장 가까운 이름 색상: Tardis Blue
#0D3B66(rgb(13 59 102), hsl(209 77% 23%), oklch(0.347 0.089 251.1))와 가장 가까운 이름 색상은 Tardis Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#0D3B66
oklch(0.347 0.089 251.1)
색상 변환
- HEX
- #0d3b66
- RGB
- rgb(13 59 102)
- HSL
- hsl(209 77% 23%)
- HWB
- hwb(209 5% 60%)
- OKLCH
- oklch(0.347 0.089 251.1)
- OKLab
- oklab(0.347 -0.029 -0.084)
- CIE Lab
- lab(23.77 -1.86 -30.13)
- LCH
- lch(23.77 30.19 266.5)
- CMYK
- cmyk(87% 42% 0% 60%)
틴트 · 셰이드 · 톤
틴트
- 274D75
- 3D6084
- 547293
- 6B85A2
- 8299B1
- 9AADC1
- B3C1D0
- CCD5E0
- E5EAEF
셰이드
- 0A3258
- 07294A
- 05213C
- 03192F
- 021123
- 010917
- 00040C
- 000104
- 000000
톤
- 1C4269
- 28496C
- 33506F
- 3E5772
- 495E74
- 546577
- 5F6B79
- 6A727C
- 75797E
색 조화
보색 +180°
- 0D3B66
Tardis Blue
- 523200
≈ Eyelash Camel
유사색 -30° +30°
- 0D3B66
Tardis Blue
- 004151
≈ Crab Nebula
- 333266
≈ Deep Koamaru
삼각 배색 +120° +240°
- 0D3B66
Tardis Blue
- 5F222E
≈ Wine Country
- 284306
≈ Garden Shadow
분열 보색 +150° +210°
- 0D3B66
Tardis Blue
- 5F260F
≈ Hot Fudge
- 423A00
≈ Camouflage
사각 배색 +90° +180° +270°
- 0D3B66
Tardis Blue
- 572447
≈ Murasaki
- 523200
≈ Eyelash Camel
- 00462C
≈ Alaskan Moss
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.44:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.83:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.44:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--tardis-blue: #0d3b66;
--tardis-blue-rgb: 13 59 102;
--tardis-blue-oklch: oklch(0.347 0.089 251.1);
}
.element {
color: var(--tardis-blue);
background-color: hsl(209 77% 23%);
border-color: oklch(0.347 0.089 251.1);
}Tailwind CSS v4
@theme {
--color-tardis-blue: #0d3b66;
--color-tardis-blue-50: #e4f7ff;
--color-tardis-blue-100: #d4eaff;
--color-tardis-blue-200: #bad7fa;
--color-tardis-blue-300: #97bbe5;
--color-tardis-blue-400: #77a2d2;
--color-tardis-blue-500: #588abf;
--color-tardis-blue-600: #4b75a2;
--color-tardis-blue-700: #3b5d82;
--color-tardis-blue-800: #294560;
--color-tardis-blue-900: #1b3043;
--color-tardis-blue-950: #0c1c2b;
}SCSS
$tardis-blue: #0d3b66;
$tardis-blue-rgb: 13, 59, 102;
$tardis-blue-light: mix(#fff, $tardis-blue, 20%);
$tardis-blue-dark: mix(#000, $tardis-blue, 20%);
.element {
color: $tardis-blue;
box-shadow: 0 0 0 2px rgba($tardis-blue, 0.35);
}