色名 · #0B0F1A
Nyctophobia
Nyctophobiaは#0B0F1A：rgb(11 15 26)、hsl(224 41% 7%)、oklch(0.17 0.024 268.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Nyctophobia color name →
#0B0F1A
oklch(0.17 0.024 268.5)
カラー変換
- HEX
- #0b0f1a
- RGB
- rgb(11 15 26)
- HSL
- hsl(224 41% 7%)
- HWB
- hwb(224 4% 90%)
- OKLCH
- oklch(0.17 0.024 268.5)
- OKLab
- oklab(0.17 -0.001 -0.024)
- CIE Lab
- lab(4.33 0.62 -7.39)
- LCH
- lch(4.33 7.42 274.8)
- CMYK
- cmyk(58% 42% 0% 90%)
ティント · シェード · トーン
ティント
- 1E222D
- 333741
- 494D56
- 60646C
- 797C83
- 92949B
- ACAEB3
- C7C8CC
- E3E3E5
シェード
- 080B15
- 060810
- 04050C
- 020307
- 010204
- 010102
- 000001
- 000000
- 000000
トーン
- 151923
- 1F232D
- 2A2D36
- 353840
- 41444A
- 4D4F55
- 595B5F
- 66676A
- 737375
カラーハーモニー
補色 +180°
- 0B0F1A
Nyctophobia
- 140F04
≈ Balsamico
類似色 -30° +30°
- 0B0F1A
Nyctophobia
- 051119
≈ Nyctophobia
- 110D19
≈ Nyctophobia
トライアド +120° +240°
- 0B0F1A
Nyctophobia
- 190B09
≈ Optophobia
- 08120A
≈ Jedi Night
スプリットコンプリメンタリー +150° +210°
- 0B0F1A
Nyctophobia
- 170D05
≈ Balsamico
- 0E1105
≈ Chinese Black
テトラード +90° +180° +270°
- 0B0F1A
Nyctophobia
- 180B0F
≈ Optophobia
- 140F04
≈ Balsamico
- 04130F
≈ Black Glaze
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 19.13:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.09:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 19.13:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--nyctophobia: #0b0f1a;
--nyctophobia-rgb: 11 15 26;
--nyctophobia-oklch: oklch(0.17 0.024 268.5);
}
.element {
color: var(--nyctophobia);
background-color: hsl(224 41% 7%);
border-color: oklch(0.17 0.024 268.5);
}Tailwind CSS v4
@theme {
--color-nyctophobia: #0b0f1a;
--color-nyctophobia-50: #f2f5fc;
--color-nyctophobia-100: #e5e8f0;
--color-nyctophobia-200: #d0d4df;
--color-nyctophobia-300: #b2b7c4;
--color-nyctophobia-400: #989ead;
--color-nyctophobia-500: #7f8697;
--color-nyctophobia-600: #6c717f;
--color-nyctophobia-700: #565b66;
--color-nyctophobia-800: #3e424b;
--color-nyctophobia-900: #2b2e34;
--color-nyctophobia-950: #181b1f;
}SCSS
$nyctophobia: #0b0f1a;
$nyctophobia-rgb: 11, 15, 26;
$nyctophobia-light: mix(#fff, $nyctophobia, 20%);
$nyctophobia-dark: mix(#000, $nyctophobia, 20%);
.element {
color: $nyctophobia;
box-shadow: 0 0 0 2px rgba($nyctophobia, 0.35);
}