最も近い色名 · #030A0E
#030A0E
最も近い色名: Eight Ball
#030A0E（rgb(3 10 14)、hsl(202 65% 3%)、oklch(0.138 0.017 227.3)）に最も近い色名はEight Ballです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#030A0E
oklch(0.138 0.017 227.3)
カラー変換
- HEX
- #030a0e
- RGB
- rgb(3 10 14)
- HSL
- hsl(202 65% 3%)
- HWB
- hwb(202 1% 95%)
- OKLCH
- oklch(0.138 0.017 227.3)
- OKLab
- oklab(0.138 -0.011 -0.012)
- CIE Lab
- lab(2.39 -1.44 -2.38)
- LCH
- lch(2.39 2.78 238.9)
- CMYK
- cmyk(79% 29% 0% 95%)
ティント · シェード · トーン
ティント
- 141D21
- 293236
- 40484C
- 596063
- 72787B
- 8D9294
- A8ACAE
- C4C7C8
- E1E3E3
シェード
- 02070B
- 020507
- 010305
- 010203
- 000102
- 000101
- 000000
- 000000
- 000000
トーン
- 0B1418
- 161E22
- 22292D
- 2E3538
- 3B4043
- 484C4F
- 56595B
- 636667
- 727373
カラーハーモニー
補色 +180°
- 030A0E
Eight Ball
- 0E0704
≈ Blackout
類似色 -30° +30°
- 030A0E
Eight Ball
- 020B0B
≈ Dark Side of the Moon
- 050910
≈ Dark Rift
トライアド +120° +240°
- 030A0E
Eight Ball
- 0E060A
≈ Knight Rider
- 090903
≈ Blackout
スプリットコンプリメンタリー +150° +210°
- 030A0E
Eight Ball
- 0F0606
≈ Knight Rider
- 0C0803
≈ Blackout
テトラード +90° +180° +270°
- 030A0E
Eight Ball
- 0B070D
≈ Narwhal Grey
- 0E0704
≈ Blackout
- 060A05
≈ Accursed Black
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 19.93:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.05:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 19.93:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--eight-ball: #030a0e;
--eight-ball-rgb: 3 10 14;
--eight-ball-oklch: oklch(0.138 0.017 227.3);
}
.element {
color: var(--eight-ball);
background-color: hsl(202 65% 3%);
border-color: oklch(0.138 0.017 227.3);
}Tailwind CSS v4
@theme {
--color-eight-ball: #030a0e;
--color-eight-ball-50: #f0f6f9;
--color-eight-ball-100: #e2e9ec;
--color-eight-ball-200: #cdd6da;
--color-eight-ball-300: #afb9be;
--color-eight-ball-400: #95a1a6;
--color-eight-ball-500: #7b898f;
--color-eight-ball-600: #687479;
--color-eight-ball-700: #535c61;
--color-eight-ball-800: #3c4447;
--color-eight-ball-900: #2a2f31;
--color-eight-ball-950: #171b1d;
}SCSS
$eight-ball: #030a0e;
$eight-ball-rgb: 3, 10, 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);
}