最も近い色名 · #1D1329
#1D1329
最も近い色名: Shot in the Dark
#1D1329（rgb(29 19 41)、hsl(267 37% 12%)、oklch(0.211 0.044 303.8)）に最も近い色名はShot in the Darkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1D1329
oklch(0.211 0.044 303.8)
カラー変換
- HEX
- #1d1329
- RGB
- rgb(29 19 41)
- HSL
- hsl(267 37% 12%)
- HWB
- hwb(267 7% 84%)
- OKLCH
- oklch(0.211 0.044 303.8)
- OKLab
- oklab(0.211 0.025 -0.037)
- CIE Lab
- lab(7.9 9.67 -13.23)
- LCH
- lch(7.9 16.38 306.2)
- CMYK
- cmyk(29% 54% 0% 84%)
ティント · シェード · トーン
ティント
- 30263C
- 433B4F
- 585163
- 6E6778
- 857F8D
- 9C97A3
- B4B0B9
- CCCAD0
- E5E4E7
シェード
- 180F22
- 130B1C
- 0E0715
- 09050F
- 050309
- 030105
- 010102
- 000001
- 000000
トーン
- 261D31
- 2F273A
- 383142
- 423C4B
- 4C4653
- 56515C
- 605D65
- 6A686E
- 757477
カラーハーモニー
補色 +180°
- 1D1329
Shot in the Dark
- 141C04
≈ Pinch of Pepper
類似色 -30° +30°
- 1D1329
Shot in the Dark
- 12172D
≈ Sambucus
- 251021
≈ Inside
トライアド +120° +240°
- 1D1329
Shot in the Dark
- 261402
≈ Cannon Black
- 001E1A
≈ Stellar Explorer
スプリットコンプリメンタリー +150° +210°
- 1D1329
Shot in the Dark
- 1F1800
≈ Noir Mystique
- 051E0F
≈ Clock Chimes Thirteen
テトラード +90° +180° +270°
- 1D1329
Shot in the Dark
- 2A100A
≈ Root Brew
- 141C04
≈ Pinch of Pepper
- 001D23
≈ Stellar Explorer
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.83:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.83:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--shot-in-the-dark: #1d1329;
--shot-in-the-dark-rgb: 29 19 41;
--shot-in-the-dark-oklch: oklch(0.211 0.044 303.8);
}
.element {
color: var(--shot-in-the-dark);
background-color: hsl(267 37% 12%);
border-color: oklch(0.211 0.044 303.8);
}Tailwind CSS v4
@theme {
--color-shot-in-the-dark: #1d1329;
--color-shot-in-the-dark-50: #f8f2ff;
--color-shot-in-the-dark-100: #ebe4f4;
--color-shot-in-the-dark-200: #d9d0e4;
--color-shot-in-the-dark-300: #bdb2ca;
--color-shot-in-the-dark-400: #a498b4;
--color-shot-in-the-dark-500: #8c7f9f;
--color-shot-in-the-dark-600: #776c86;
--color-shot-in-the-dark-700: #5f566b;
--color-shot-in-the-dark-800: #453f4f;
--color-shot-in-the-dark-900: #302b37;
--color-shot-in-the-dark-950: #1c1922;
}SCSS
$shot-in-the-dark: #1d1329;
$shot-in-the-dark-rgb: 29, 19, 41;
$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);
}