最も近い色名 · #01060E
#01060E
最も近い色名: Eight Ball
#01060E（rgb(1 6 14)、hsl(217 87% 3%)、oklch(0.119 0.025 247.3)）に最も近い色名はEight Ballです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#01060E
oklch(0.119 0.025 247.3)
カラー変換
- HEX
- #01060e
- RGB
- rgb(1 6 14)
- HSL
- hsl(217 87% 3%)
- HWB
- hwb(217 0% 95%)
- OKLCH
- oklch(0.119 0.025 247.3)
- OKLab
- oklab(0.119 -0.01 -0.023)
- CIE Lab
- lab(1.48 -0.48 -3.71)
- LCH
- lch(1.48 3.74 262.6)
- CMYK
- cmyk(93% 57% 0% 95%)
ティント · シェード · トーン
ティント
- 0F1921
- 252E36
- 3C444C
- 555C63
- 6F757B
- 8A8F94
- A6AAAE
- C3C6C8
- E0E2E3
シェード
- 01040B
- 010307
- 000205
- 000103
- 000102
- 000001
- 000000
- 000000
- 000000
トーン
- 071018
- 121A22
- 1E262D
- 2B3138
- 383E43
- 464A4F
- 54575B
- 626567
- 717273
カラーハーモニー
補色 +180°
- 01060E
Eight Ball
- 0B0400
≈ Liquorice
類似色 -30° +30°
- 01060E
Eight Ball
- 00070A
≈ Eight Ball
- 04050E
≈ Eight Ball
トライアド +120° +240°
- 01060E
Eight Ball
- 0D0304
≈ Dark Matter
- 040701
≈ Liquorice
スプリットコンプリメンタリー +150° +210°
- 01060E
Eight Ball
- 0D0302
≈ Liquorice
- 080500
≈ Liquorice
テトラード +90° +180° +270°
- 01060E
Eight Ball
- 0B0308
≈ Pupil
- 0B0400
≈ Liquorice
- 010803
≈ Melanous
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 20.31:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.03:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 20.31:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--eight-ball: #01060e;
--eight-ball-rgb: 1 6 14;
--eight-ball-oklch: oklch(0.119 0.025 247.3);
}
.element {
color: var(--eight-ball);
background-color: hsl(217 87% 3%);
border-color: oklch(0.119 0.025 247.3);
}Tailwind CSS v4
@theme {
--color-eight-ball: #01060e;
--color-eight-ball-50: #f0f6fc;
--color-eight-ball-100: #e2e9f0;
--color-eight-ball-200: #ccd5df;
--color-eight-ball-300: #aeb9c4;
--color-eight-ball-400: #93a0ad;
--color-eight-ball-500: #7a8896;
--color-eight-ball-600: #67737f;
--color-eight-ball-700: #525c66;
--color-eight-ball-800: #3b434b;
--color-eight-ball-900: #292f34;
--color-eight-ball-950: #171b1f;
}SCSS
$eight-ball: #01060e;
$eight-ball-rgb: 1, 6, 14;
$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);
}