最も近い色名 · #03080F
#03080F
最も近い色名: Eight Ball
#03080F（rgb(3 8 15)、hsl(215 67% 4%)、oklch(0.131 0.02 248.9)）に最も近い色名はEight Ballです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#03080F
oklch(0.131 0.02 248.9)
カラー変換
- HEX
- #03080f
- RGB
- rgb(3 8 15)
- HSL
- hsl(215 67% 4%)
- HWB
- hwb(215 1% 94%)
- OKLCH
- oklch(0.131 0.02 248.9)
- OKLab
- oklab(0.131 -0.007 -0.018)
- CIE Lab
- lab(2.02 -0.55 -3.43)
- LCH
- lch(2.02 3.47 260.8)
- CMYK
- cmyk(80% 47% 0% 94%)
ティント · シェード · トーン
ティント
- 141B22
- 293037
- 40464D
- 585E64
- 72777C
- 8C9095
- A8ABAE
- C4C6C8
- E1E2E3
シェード
- 02060B
- 020408
- 010305
- 010203
- 000102
- 000101
- 000000
- 000000
- 000000
トーン
- 0B1219
- 161C23
- 22282E
- 2E3338
- 3B3F44
- 484B4F
- 55585B
- 636567
- 717273
カラーハーモニー
補色 +180°
- 03080F
Eight Ball
- 0D0602
≈ Blackout
類似色 -30° +30°
- 03080F
Eight Ball
- 01090D
≈ Black Knight
- 06070F
≈ Narwhal Grey
トライアド +120° +240°
- 03080F
Eight Ball
- 0E0506
≈ Knight Rider
- 060903
≈ Accursed Black
スプリットコンプリメンタリー +150° +210°
- 03080F
Eight Ball
- 0E0503
≈ Liquorice
- 090802
≈ Blackout
テトラード +90° +180° +270°
- 03080F
Eight Ball
- 0D050A
≈ Knight Rider
- 0D0602
≈ Blackout
- 020A05
≈ Whiten’t
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 20.08:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.04:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 20.08:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--eight-ball: #03080f;
--eight-ball-rgb: 3 8 15;
--eight-ball-oklch: oklch(0.131 0.02 248.9);
}
.element {
color: var(--eight-ball);
background-color: hsl(215 67% 4%);
border-color: oklch(0.131 0.02 248.9);
}Tailwind CSS v4
@theme {
--color-eight-ball: #03080f;
--color-eight-ball-50: #f1f6fb;
--color-eight-ball-100: #e3e8ee;
--color-eight-ball-200: #ced5dd;
--color-eight-ball-300: #b0b8c1;
--color-eight-ball-400: #96a0aa;
--color-eight-ball-500: #7c8893;
--color-eight-ball-600: #69737c;
--color-eight-ball-700: #545c64;
--color-eight-ball-800: #3d4349;
--color-eight-ball-900: #2a2e33;
--color-eight-ball-950: #181b1e;
}SCSS
$eight-ball: #03080f;
$eight-ball-rgb: 3, 8, 15;
$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);
}