最も近い色名 · #091207
#091207
最も近い色名: Blackn’t
#091207（rgb(9 18 7)、hsl(109 44% 5%)、oklch(0.169 0.027 139.4)）に最も近い色名はBlackn’tです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#091207
oklch(0.169 0.027 139.4)
カラー変換
- HEX
- #091207
- RGB
- rgb(9 18 7)
- HSL
- hsl(109 44% 5%)
- HWB
- hwb(109 3% 93%)
- OKLCH
- oklch(0.169 0.027 139.4)
- OKLab
- oklab(0.169 -0.02 0.017)
- CIE Lab
- lab(4.58 -4.31 3.86)
- LCH
- lch(4.58 5.78 138.2)
- CMYK
- cmyk(50% 0% 61% 93%)
ティント · シェード · トーン
ティント
- 1C251A
- 313A2F
- 484F46
- 5F665D
- 787E76
- 919690
- ACAFAB
- C7C9C6
- E3E4E2
シェード
- 070E05
- 050A04
- 030702
- 020402
- 010201
- 010100
- 000100
- 000000
- 000000
トーン
- 131C11
- 1E251C
- 293027
- 343A33
- 40453F
- 4C514B
- 595C58
- 666865
- 737472
カラーハーモニー
補色 +180°
- 091207
Blackn’t
- 140B16
≈ Noir Fiction
類似色 -30° +30°
- 091207
Blackn’t
- 101004
≈ Chinese Black
- 03130D
≈ Jedi Night
トライアド +120° +240°
- 091207
Blackn’t
- 080F1B
≈ Nyctophobia
- 190A0A
≈ Optophobia
スプリットコンプリメンタリー +150° +210°
- 091207
Blackn’t
- 0F0D1A
≈ Nyctophobia
- 180A11
≈ Noir Fiction
テトラード +90° +180° +270°
- 091207
Blackn’t
- 031118
≈ Nyctophobia
- 140B16
≈ Noir Fiction
- 180C05
≈ Balsamico
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 19.07:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.10:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 19.07:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--blackn-t: #091207;
--blackn-t-rgb: 9 18 7;
--blackn-t-oklch: oklch(0.169 0.027 139.4);
}
.element {
color: var(--blackn-t);
background-color: hsl(109 44% 5%);
border-color: oklch(0.169 0.027 139.4);
}Tailwind CSS v4
@theme {
--color-blackn-t: #091207;
--color-blackn-t-50: #f1f7f0;
--color-blackn-t-100: #e3eae2;
--color-blackn-t-200: #ced7cd;
--color-blackn-t-300: #b0bbae;
--color-blackn-t-400: #97a294;
--color-blackn-t-500: #7d8b7a;
--color-blackn-t-600: #6a7567;
--color-blackn-t-700: #555e53;
--color-blackn-t-800: #3e453c;
--color-blackn-t-900: #2b2f29;
--color-blackn-t-950: #181c17;
}SCSS
$blackn-t: #091207;
$blackn-t-rgb: 9, 18, 7;
$blackn-t-light: mix(#fff, $blackn-t, 20%);
$blackn-t-dark: mix(#000, $blackn-t, 20%);
.element {
color: $blackn-t;
box-shadow: 0 0 0 2px rgba($blackn-t, 0.35);
}