Màu có tên · #0B0F1A
Nyctophobia
Nyctophobia là #0B0F1A: rgb(11 15 26), hsl(224 41% 7%), oklch(0.17 0.024 268.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Nyctophobia color name →
#0B0F1A
oklch(0.17 0.024 268.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 1E222D
- 333741
- 494D56
- 60646C
- 797C83
- 92949B
- ACAEB3
- C7C8CC
- E3E3E5
Sắc đậm
- 080B15
- 060810
- 04050C
- 020307
- 010204
- 010102
- 000001
- 000000
- 000000
Sắc xám
- 151923
- 1F232D
- 2A2D36
- 353840
- 41444A
- 4D4F55
- 595B5F
- 66676A
- 737375
Hòa sắc
Bổ túc +180°
- 0B0F1A
Nyctophobia
- 140F04
≈ Balsamico
Tương đồng -30° +30°
- 0B0F1A
Nyctophobia
- 051119
≈ Nyctophobia
- 110D19
≈ Nyctophobia
Bộ ba +120° +240°
- 0B0F1A
Nyctophobia
- 190B09
≈ Optophobia
- 08120A
≈ Jedi Night
Bổ túc chia +150° +210°
- 0B0F1A
Nyctophobia
- 170D05
≈ Balsamico
- 0E1105
≈ Chinese Black
Bộ bốn +90° +180° +270°
- 0B0F1A
Nyctophobia
- 180B0F
≈ Optophobia
- 140F04
≈ Balsamico
- 04130F
≈ Black Glaze
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 19.13:1 · APCA Lc 105
Ag
FailTrên nền đen
WCAG 1.09:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 19.13:1 (AAA) · APCA Lc 105
Contrast pairs
Đoạn mã
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);
}