最も近い色名 · #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);
}