最も近い色名 · #221223
#221223
最も近い色名: Shot in the Dark
#221223（rgb(34 18 35)、hsl(296 32% 10%)、oklch(0.212 0.04 324.8)）に最も近い色名はShot in the Darkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#221223
oklch(0.212 0.04 324.8)
カラー変換
- HEX
- #221223
- RGB
- rgb(34 18 35)
- HSL
- hsl(296 32% 10%)
- HWB
- hwb(296 7% 86%)
- OKLCH
- oklch(0.212 0.04 324.8)
- OKLab
- oklab(0.212 0.033 -0.023)
- CIE Lab
- lab(8.05 11.25 -8.43)
- LCH
- lch(8.05 14.06 323.2)
- CMYK
- cmyk(3% 49% 0% 86%)
ティント · シェード · トーン
ティント
- 352536
- 493A49
- 5D505E
- 726773
- 887E89
- 9F979F
- B6B0B6
- CECACE
- E6E4E6
シェード
- 1C0E1D
- 160A17
- 110711
- 0B040C
- 070207
- 030104
- 010101
- 000000
- 000000
トーン
- 2B1C2C
- 342634
- 3D303D
- 463B46
- 4F464F
- 595159
- 625C62
- 6C686C
- 767476
カラーハーモニー
補色 +180°
- 221223
Shot in the Dark
- 0C1E0D
≈ Clock Chimes Thirteen
類似色 -30° +30°
- 221223
Shot in the Dark
- 1A1529
≈ Sambucus
- 27101A
≈ Inside
トライアド +120° +240°
- 221223
Shot in the Dark
- 211702
≈ Cannon Black
- 001D21
≈ Stellar Explorer
スプリットコンプリメンタリー +150° +210°
- 221223
Shot in the Dark
- 181B04
≈ Noir Mystique
- 001F18
≈ Stellar Explorer
テトラード +90° +180° +270°
- 221223
Shot in the Dark
- 271306
≈ Severely Burnt Toast
- 0C1E0D
≈ Clock Chimes Thirteen
- 031C29
≈ Oxford by Night
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.81:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.81:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--shot-in-the-dark: #221223;
--shot-in-the-dark-rgb: 34 18 35;
--shot-in-the-dark-oklch: oklch(0.212 0.04 324.8);
}
.element {
color: var(--shot-in-the-dark);
background-color: hsl(296 32% 10%);
border-color: oklch(0.212 0.04 324.8);
}Tailwind CSS v4
@theme {
--color-shot-in-the-dark: #221223;
--color-shot-in-the-dark-50: #fcf1fb;
--color-shot-in-the-dark-100: #efe3ef;
--color-shot-in-the-dark-200: #decfdd;
--color-shot-in-the-dark-300: #c3b1c2;
--color-shot-in-the-dark-400: #ab97ac;
--color-shot-in-the-dark-500: #947d95;
--color-shot-in-the-dark-600: #7d6a7e;
--color-shot-in-the-dark-700: #645565;
--color-shot-in-the-dark-800: #493e4b;
--color-shot-in-the-dark-900: #332b34;
--color-shot-in-the-dark-950: #1f181f;
}SCSS
$shot-in-the-dark: #221223;
$shot-in-the-dark-rgb: 34, 18, 35;
$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);
}