이름 색상 · #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);
}