最も近い色名 · #111418
#111418
最も近い色名: Dark Void
#111418（rgb(17 20 24)、hsl(214 17% 8%)、oklch(0.19 0.009 255.6)）に最も近い色名はDark Voidです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#111418
oklch(0.19 0.009 255.6)
カラー変換
- HEX
- #111418
- RGB
- rgb(17 20 24)
- HSL
- hsl(214 17% 8%)
- HWB
- hwb(214 7% 91%)
- OKLCH
- oklch(0.19 0.009 255.6)
- OKLab
- oklab(0.19 -0.002 -0.009)
- CIE Lab
- lab(6.16 -0.51 -3.13)
- LCH
- lch(6.16 3.17 260.7)
- CMYK
- cmyk(29% 17% 0% 91%)
ティント · シェード · トーン
ティント
- 24272B
- 383B3F
- 4E5154
- 65676A
- 7D7F81
- 959799
- AFB0B2
- C9CACB
- E4E4E5
シェード
- 0D1013
- 090C0F
- 06080A
- 040507
- 020304
- 010102
- 000101
- 000000
- 000000
トーン
- 1B1D21
- 24272B
- 2F3134
- 3A3C3E
- 454649
- 505153
- 5C5D5E
- 676869
- 747475
カラーハーモニー
補色 +180°
- 111418
Dark Void
- 16130F
≈ Nuln Oil Gloss
類似色 -30° +30°
- 111418
Dark Void
- 0F1517
≈ Black Is Back
- 131318
≈ Kettle Black
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- 111418
Dark Void
- 171310
≈ Nuln Oil Gloss
- 14140F
≈ King Kong
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 18.46:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.13:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 18.46:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--dark-void: #111418;
--dark-void-rgb: 17 20 24;
--dark-void-oklch: oklch(0.19 0.009 255.6);
}
.element {
color: var(--dark-void);
background-color: hsl(214 17% 8%);
border-color: oklch(0.19 0.009 255.6);
}Tailwind CSS v4
@theme {
--color-dark-void: #111418;
--color-dark-void-50: #f3f5f8;
--color-dark-void-100: #e6e8eb;
--color-dark-void-200: #d2d4d8;
--color-dark-void-300: #b4b8bc;
--color-dark-void-400: #9b9fa4;
--color-dark-void-500: #82878c;
--color-dark-void-600: #6e7277;
--color-dark-void-700: #585b5f;
--color-dark-void-800: #404346;
--color-dark-void-900: #2c2e30;
--color-dark-void-950: #191b1c;
}SCSS
$dark-void: #111418;
$dark-void-rgb: 17, 20, 24;
$dark-void-light: mix(#fff, $dark-void, 20%);
$dark-void-dark: mix(#000, $dark-void, 20%);
.element {
color: $dark-void;
box-shadow: 0 0 0 2px rgba($dark-void, 0.35);
}