最も近い色名 · #1F1420
#1F1420
最も近い色名: Shot in the Dark
#1F1420（rgb(31 20 32)、hsl(295 23% 10%)、oklch(0.211 0.028 323.7)）に最も近い色名はShot in the Darkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1F1420
oklch(0.211 0.028 323.7)
カラー変換
- HEX
- #1f1420
- RGB
- rgb(31 20 32)
- HSL
- hsl(295 23% 10%)
- HWB
- hwb(295 8% 87%)
- OKLCH
- oklch(0.211 0.028 323.7)
- OKLab
- oklab(0.211 0.023 -0.017)
- CIE Lab
- lab(8.07 7.88 -6.18)
- LCH
- lch(8.07 10.01 321.9)
- CMYK
- cmyk(3% 38% 0% 87%)
ティント · シェード · トーン
ティント
- 322733
- 463B46
- 5A515B
- 706871
- 867F87
- 9D979E
- B5B0B5
- CDCACD
- E6E4E6
シェード
- 19101A
- 140C15
- 0F080F
- 0A050A
- 060306
- 030103
- 010101
- 000000
- 000000
トーン
- 281D29
- 312732
- 3A313B
- 433C44
- 4D474E
- 575257
- 615D61
- 6B686B
- 757476
カラーハーモニー
補色 +180°
- 1F1420
Shot in the Dark
- 101C10
≈ Pinch of Pepper
類似色 -30° +30°
- 1F1420
Shot in the Dark
- 191624
≈ River Styx
- 231319
≈ Bats Cloak
トライアド +120° +240°
- 1F1420
Shot in the Dark
- 1F1708
≈ Noir Mystique
- 061C1E
≈ Black Stallion
スプリットコンプリメンタリー +150° +210°
- 1F1420
Shot in the Dark
- 181A0A
≈ Noir Mystique
- 091D17
≈ Black Stallion
テトラード +90° +180° +270°
- 1F1420
Shot in the Dark
- 23150C
≈ Used Oil
- 101C10
≈ Pinch of Pepper
- 0A1B24
≈ Black Stallion
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.80:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.80:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--shot-in-the-dark: #1f1420;
--shot-in-the-dark-rgb: 31 20 32;
--shot-in-the-dark-oklch: oklch(0.211 0.028 323.7);
}
.element {
color: var(--shot-in-the-dark);
background-color: hsl(295 23% 10%);
border-color: oklch(0.211 0.028 323.7);
}Tailwind CSS v4
@theme {
--color-shot-in-the-dark: #1f1420;
--color-shot-in-the-dark-50: #faf2fa;
--color-shot-in-the-dark-100: #ede5ed;
--color-shot-in-the-dark-200: #dbd0db;
--color-shot-in-the-dark-300: #bfb3bf;
--color-shot-in-the-dark-400: #a799a8;
--color-shot-in-the-dark-500: #908091;
--color-shot-in-the-dark-600: #7a6c7b;
--color-shot-in-the-dark-700: #615762;
--color-shot-in-the-dark-800: #473f48;
--color-shot-in-the-dark-900: #312c32;
--color-shot-in-the-dark-950: #1d191e;
}SCSS
$shot-in-the-dark: #1f1420;
$shot-in-the-dark-rgb: 31, 20, 32;
$shot-in-the-dark-light: mix(#fff, $shot-in-the-dark, 20%);
$shot-in-the-dark-dark: mix(#000, $shot-in-the-dark, 20%);
.element {
color: $shot-in-the-dark;
box-shadow: 0 0 0 2px rgba($shot-in-the-dark, 0.35);
}