最も近い色名 · #0E1630
#0E1630
最も近い色名: Dark Knight
#0E1630（rgb(14 22 48)、hsl(226 55% 12%)、oklch(0.209 0.053 268.7)）に最も近い色名はDark Knightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0E1630
oklch(0.209 0.053 268.7)
カラー変換
- HEX
- #0e1630
- RGB
- rgb(14 22 48)
- HSL
- hsl(226 55% 12%)
- HWB
- hwb(226 5% 81%)
- OKLCH
- oklch(0.209 0.053 268.7)
- OKLab
- oklab(0.209 -0.001 -0.053)
- CIE Lab
- lab(7.7 4.04 -18.84)
- LCH
- lch(7.7 19.27 282.1)
- CMYK
- cmyk(71% 54% 0% 81%)
ティント · シェード · トーン
ティント
- 212A43
- 363E56
- 4C5469
- 636A7D
- 7B8192
- 9499A7
- AEB2BC
- C8CBD2
- E3E5E8
シェード
- 0B1228
- 070D21
- 05091A
- 030613
- 02030C
- 010206
- 000103
- 000001
- 000000
トーン
- 182038
- 222A40
- 2C3448
- 373E50
- 434958
- 4E5360
- 5A5E68
- 676970
- 737578
カラーハーモニー
補色 +180°
- 0E1630
Dark Knight
- 201700
≈ Noir Mystique
類似色 -30° +30°
- 0E1630
Dark Knight
- 001A2B
≈ Oxford by Night
- 1B122D
≈ Midnight Monarch
トライアド +120° +240°
- 0E1630
Dark Knight
- 2C0D09
≈ Root Brew
- 031E09
≈ Clock Chimes Thirteen
スプリットコンプリメンタリー +150° +210°
- 0E1630
Dark Knight
- 281100
≈ Super Black
- 161B00
≈ Yuzu Soy
テトラード +90° +180° +270°
- 0E1630
Dark Knight
- 2A0C18
≈ Inside
- 201700
≈ Noir Mystique
- 001E18
≈ Stellar Explorer
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.85:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.85:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--dark-knight: #0e1630;
--dark-knight-rgb: 14 22 48;
--dark-knight-oklch: oklch(0.209 0.053 268.7);
}
.element {
color: var(--dark-knight);
background-color: hsl(226 55% 12%);
border-color: oklch(0.209 0.053 268.7);
}Tailwind CSS v4
@theme {
--color-dark-knight: #0e1630;
--color-dark-knight-50: #eff5ff;
--color-dark-knight-100: #e1e7fa;
--color-dark-knight-200: #cbd4ec;
--color-dark-knight-300: #adb7d3;
--color-dark-knight-400: #919ebf;
--color-dark-knight-500: #7785aa;
--color-dark-knight-600: #657190;
--color-dark-knight-700: #515a73;
--color-dark-knight-800: #3a4255;
--color-dark-knight-900: #282e3b;
--color-dark-knight-950: #161a25;
}SCSS
$dark-knight: #0e1630;
$dark-knight-rgb: 14, 22, 48;
$dark-knight-light: mix(#fff, $dark-knight, 20%);
$dark-knight-dark: mix(#000, $dark-knight, 20%);
.element {
color: $dark-knight;
box-shadow: 0 0 0 2px rgba($dark-knight, 0.35);
}