最も近い色名 · #05090D
#05090D
最も近い色名: Eight Ball
#05090D（rgb(5 9 13)、hsl(210 44% 4%)、oklch(0.136 0.012 243.1)）に最も近い色名はEight Ballです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#05090D
oklch(0.136 0.012 243.1)
カラー変換
- HEX
- #05090d
- RGB
- rgb(5 9 13)
- HSL
- hsl(210 44% 4%)
- HWB
- hwb(210 2% 95%)
- OKLCH
- oklch(0.136 0.012 243.1)
- OKLab
- oklab(0.136 -0.005 -0.011)
- CIE Lab
- lab(2.29 -0.64 -2.01)
- LCH
- lch(2.29 2.11 252.2)
- CMYK
- cmyk(62% 31% 0% 95%)
ティント · シェード · トーン
ティント
- 171C20
- 2C3135
- 43474B
- 5B5F62
- 74777A
- 8E9193
- A9ABAD
- C5C6C8
- E2E2E3
シェード
- 04070A
- 030507
- 020305
- 010203
- 010102
- 000101
- 000000
- 000000
- 000000
トーン
- 0E1317
- 191D21
- 24282C
- 303437
- 3D4042
- 494C4E
- 57585A
- 646566
- 727373
カラーハーモニー
補色 +180°
- 05090D
Eight Ball
- 0C0704
≈ Blackout
類似色 -30° +30°
- 05090D
Eight Ball
- 040A0B
≈ Reversed Grey
- 07080D
≈ Reversed Grey
トライアド +120° +240°
- 05090D
Eight Ball
- 0D0708
≈ Knight Rider
- 080905
≈ Accursed Black
スプリットコンプリメンタリー +150° +210°
- 05090D
Eight Ball
- 0D0706
≈ Knight Rider
- 0A0804
≈ Accursed Black
テトラード +90° +180° +270°
- 05090D
Eight Ball
- 0B070A
≈ Reversed Grey
- 0C0704
≈ Blackout
- 050A06
≈ Accursed Black
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 19.97:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.05:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 19.97:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--eight-ball: #05090d;
--eight-ball-rgb: 5 9 13;
--eight-ball-oklch: oklch(0.136 0.012 243.1);
}
.element {
color: var(--eight-ball);
background-color: hsl(210 44% 4%);
border-color: oklch(0.136 0.012 243.1);
}Tailwind CSS v4
@theme {
--color-eight-ball: #05090d;
--color-eight-ball-50: #f2f5f8;
--color-eight-ball-100: #e5e8ec;
--color-eight-ball-200: #d0d5d9;
--color-eight-ball-300: #b2b8bd;
--color-eight-ball-400: #999fa5;
--color-eight-ball-500: #80878e;
--color-eight-ball-600: #6c7278;
--color-eight-ball-700: #565c60;
--color-eight-ball-800: #3f4346;
--color-eight-ball-900: #2b2e31;
--color-eight-ball-950: #191b1d;
}SCSS
$eight-ball: #05090d;
$eight-ball-rgb: 5, 9, 13;
$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);
}