最も近い色名 · #070B13
#070B13
最も近い色名: Dark Rift
#070B13（rgb(7 11 19)、hsl(220 46% 5%)、oklch(0.149 0.019 262.4)）に最も近い色名はDark Riftです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#070B13
oklch(0.149 0.019 262.4)
カラー変換
- HEX
- #070b13
- RGB
- rgb(7 11 19)
- HSL
- hsl(220 46% 5%)
- HWB
- hwb(220 3% 93%)
- OKLCH
- oklch(0.149 0.019 262.4)
- OKLab
- oklab(0.149 -0.002 -0.019)
- CIE Lab
- lab(2.95 -0.01 -4.36)
- LCH
- lch(2.95 4.36 269.9)
- CMYK
- cmyk(63% 42% 0% 93%)
ティント · シェード · トーン
ティント
- 1A1E26
- 2F333B
- 454950
- 5D6067
- 76797E
- 909297
- AAACB0
- C6C7CA
- E2E3E4
シェード
- 05080F
- 04060B
- 020407
- 020205
- 010103
- 000101
- 000001
- 000000
- 000000
トーン
- 11151D
- 1B1F26
- 262A31
- 32353B
- 3E4146
- 4B4D51
- 58595D
- 656668
- 727374
カラーハーモニー
補色 +180°
- 070B13
Dark Rift
- 0F0A03
≈ Blackout
類似色 -30° +30°
- 070B13
Dark Rift
- 040C12
≈ Dark Rift
- 0B0A12
≈ Midnight Oil
トライアド +120° +240°
- 070B13
Dark Rift
- 120808
≈ Chyornyi Black
- 070D06
≈ Alpine Salamander
スプリットコンプリメンタリー +150° +210°
- 070B13
Dark Rift
- 110905
≈ Asphalt
- 0B0C04
≈ Smoky Black
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 19.69:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.06:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 19.69:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--dark-rift: #070b13;
--dark-rift-rgb: 7 11 19;
--dark-rift-oklch: oklch(0.149 0.019 262.4);
}
.element {
color: var(--dark-rift);
background-color: hsl(220 46% 5%);
border-color: oklch(0.149 0.019 262.4);
}Tailwind CSS v4
@theme {
--color-dark-rift: #070b13;
--color-dark-rift-50: #f2f5fb;
--color-dark-rift-100: #e5e8ee;
--color-dark-rift-200: #d0d4dd;
--color-dark-rift-300: #b3b7c1;
--color-dark-rift-400: #989faa;
--color-dark-rift-500: #7f8693;
--color-dark-rift-600: #6c727c;
--color-dark-rift-700: #565b64;
--color-dark-rift-800: #3f4349;
--color-dark-rift-900: #2b2e33;
--color-dark-rift-950: #181b1e;
}SCSS
$dark-rift: #070b13;
$dark-rift-rgb: 7, 11, 19;
$dark-rift-light: mix(#fff, $dark-rift, 20%);
$dark-rift-dark: mix(#000, $dark-rift, 20%);
.element {
color: $dark-rift;
box-shadow: 0 0 0 2px rgba($dark-rift, 0.35);
}