最も近い色名 · #171622
#171622
最も近い色名: Back in Black
#171622（rgb(23 22 34)、hsl(245 21% 11%)、oklch(0.207 0.024 288)）に最も近い色名はBack in Blackです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#171622
oklch(0.207 0.024 288)
カラー変換
- HEX
- #171622
- RGB
- rgb(23 22 34)
- HSL
- hsl(245 21% 11%)
- HWB
- hwb(245 9% 87%)
- OKLCH
- oklch(0.207 0.024 288)
- OKLab
- oklab(0.207 0.007 -0.022)
- CIE Lab
- lab(7.79 3.16 -8.23)
- LCH
- lch(7.79 8.81 291)
- CMYK
- cmyk(32% 35% 0% 87%)
ティント · シェード · トーン
ティント
- 2A2935
- 3E3D48
- 53535D
- 696972
- 818088
- 99989F
- B1B1B6
- CBCACE
- E4E4E6
シェード
- 12121C
- 0E0D16
- 0A0911
- 06060B
- 040307
- 020203
- 010101
- 000000
- 000000
トーン
- 201F2B
- 2A2933
- 33333C
- 3E3D46
- 48484F
- 535358
- 5E5E62
- 69696C
- 747476
カラーハーモニー
補色 +180°
- 171622
Back in Black
- 19190C
≈ Nightshade Berries
類似色 -30° +30°
- 171622
Back in Black
- 111823
≈ River Styx
- 1C141F
≈ Violet Void
トライアド +120° +240°
- 171622
Back in Black
- 21140E
≈ Bighorn Sheep
- 0C1B16
≈ Black Stallion
スプリットコンプリメンタリー +150° +210°
- 171622
Back in Black
- 1E160B
≈ Noir Mystique
- 121A10
≈ Pinch of Pepper
テトラード +90° +180° +270°
- 171622
Back in Black
- 211314
≈ Italian Roast
- 19190C
≈ Nightshade Berries
- 091B1C
≈ Black Stallion
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.88:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.88:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--back-in-black: #171622;
--back-in-black-rgb: 23 22 34;
--back-in-black-oklch: oklch(0.207 0.024 288);
}
.element {
color: var(--back-in-black);
background-color: hsl(245 21% 11%);
border-color: oklch(0.207 0.024 288);
}Tailwind CSS v4
@theme {
--color-back-in-black: #171622;
--color-back-in-black-50: #f5f4fc;
--color-back-in-black-100: #e7e7ef;
--color-back-in-black-200: #d4d3de;
--color-back-in-black-300: #b7b6c3;
--color-back-in-black-400: #9d9dac;
--color-back-in-black-500: #858495;
--color-back-in-black-600: #70707e;
--color-back-in-black-700: #5a5965;
--color-back-in-black-800: #41414a;
--color-back-in-black-900: #2d2d34;
--color-back-in-black-950: #1a1a1f;
}SCSS
$back-in-black: #171622;
$back-in-black-rgb: 23, 22, 34;
$back-in-black-light: mix(#fff, $back-in-black, 20%);
$back-in-black-dark: mix(#000, $back-in-black, 20%);
.element {
color: $back-in-black;
box-shadow: 0 0 0 2px rgba($back-in-black, 0.35);
}