最も近い色名 · #01070B
#01070B
最も近い色名: Eight Ball
#01070B（rgb(1 7 11)、hsl(204 83% 2%)、oklch(0.121 0.019 226.5)）に最も近い色名はEight Ballです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#01070B
oklch(0.121 0.019 226.5)
カラー変換
- HEX
- #01070b
- RGB
- rgb(1 7 11)
- HSL
- hsl(204 83% 2%)
- HWB
- hwb(204 0% 96%)
- OKLCH
- oklch(0.121 0.019 226.5)
- OKLab
- oklab(0.121 -0.013 -0.014)
- CIE Lab
- lab(1.62 -1.21 -2.11)
- LCH
- lch(1.62 2.44 240.2)
- CMYK
- cmyk(91% 36% 0% 96%)
ティント · シェード · トーン
ティント
- 101A1E
- 252F33
- 3C4549
- 555D60
- 6F7679
- 8A9092
- A6AAAC
- C3C6C7
- E1E2E3
シェード
- 010508
- 010406
- 000204
- 000202
- 000101
- 000001
- 000000
- 000000
- 000000
トーン
- 071115
- 121B1F
- 1F272A
- 2B3235
- 383E41
- 464B4D
- 545859
- 626566
- 717273
カラーハーモニー
補色 +180°
- 01070B
Eight Ball
- 0B0402
≈ Liquorice
類似色 -30° +30°
- 01070B
Eight Ball
- 000808
≈ Black Metal
- 03060D
≈ Eight Ball
トライアド +120° +240°
- 01070B
Eight Ball
- 0B0407
≈ Black Metal
- 070601
≈ Liquorice
スプリットコンプリメンタリー +150° +210°
- 01070B
Eight Ball
- 0C0404
≈ Liquorice
- 090501
≈ Liquorice
テトラード +90° +180° +270°
- 01070B
Eight Ball
- 08040A
≈ Eight Ball
- 0B0402
≈ Liquorice
- 040702
≈ Black Metal
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 20.26:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.03:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 20.26:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--eight-ball: #01070b;
--eight-ball-rgb: 1 7 11;
--eight-ball-oklch: oklch(0.121 0.019 226.5);
}
.element {
color: var(--eight-ball);
background-color: hsl(204 83% 2%);
border-color: oklch(0.121 0.019 226.5);
}Tailwind CSS v4
@theme {
--color-eight-ball: #01070b;
--color-eight-ball-50: #f0f6f9;
--color-eight-ball-100: #e2e9ed;
--color-eight-ball-200: #ccd6db;
--color-eight-ball-300: #aeb9bf;
--color-eight-ball-400: #93a1a7;
--color-eight-ball-500: #7a8990;
--color-eight-ball-600: #67747a;
--color-eight-ball-700: #525d61;
--color-eight-ball-800: #3c4447;
--color-eight-ball-900: #292f31;
--color-eight-ball-950: #171b1d;
}SCSS
$eight-ball: #01070b;
$eight-ball-rgb: 1, 7, 11;
$eight-ball-light: mix(#fff, $eight-ball, 20%);
$eight-ball-dark: mix(#000, $eight-ball, 20%);
.element {
color: $eight-ball;
box-shadow: 0 0 0 2px rgba($eight-ball, 0.35);
}