命名颜色 · #0F084B
Silent Twilight
Silent Twilight 即 #0F084B：rgb(15 8 75)、hsl(246 81% 16%)、oklch(0.211 0.114 275.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Silent Twilight color name →
#0F084B
oklch(0.211 0.114 275.1)
颜色转换
- HEX
- #0f084b
- RGB
- rgb(15 8 75)
- HSL
- hsl(246 81% 16%)
- HWB
- hwb(246 3% 71%)
- OKLCH
- oklch(0.211 0.114 275.1)
- OKLab
- oklab(0.211 0.01 -0.114)
- CIE Lab
- lab(6.39 22.77 -40.25)
- LCH
- lch(6.39 46.24 299.5)
- CMYK
- cmyk(80% 89% 0% 71%)
浅色调 · 深色调 · 灰色调
浅色调
- 1F235D
- 323A6F
- 485081
- 5F6893
- 7880A5
- 9198B6
- ABB1C8
- C7CADB
- E2E4ED
深色调
- 0B0640
- 080435
- 05032B
- 030221
- 020117
- 01010E
- 000006
- 000002
- 000000
灰色调
- 161751
- 1F2457
- 29305D
- 343B63
- 404768
- 4C526D
- 595D72
- 656977
- 73747C
配色和谐
互补色 +180°
- 0F084B
Silent Twilight
- 1F1800
≈ Noir Mystique
类似色 -30° +30°
- 0F084B
Silent Twilight
- 001A2F
≈ Oxford by Night
- 25003F
≈ Your Darkness
三角配色 +120° +240°
- 0F084B
Silent Twilight
- 330600
≈ 3AM Breakup
- 001F0D
≈ Clock Chimes Thirteen
分裂互补色 +150° +210°
- 0F084B
Silent Twilight
- 271300
≈ Cannon Black
- 131C00
≈ Yuzu Soy
四角配色 +90° +180° +270°
- 0F084B
Silent Twilight
- 350013
≈ Ilvaite Black
- 1F1800
≈ Noir Mystique
- 001E1B
≈ Stellar Explorer
对比度与无障碍
Ag
AAA白底
WCAG 18.15:1 · APCA Lc 104
Ag
Fail黑底
WCAG 1.15:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 18.15:1 (AAA) · APCA Lc 104
Contrast pairs
代码片段
CSS
:root {
--silent-twilight: #0f084b;
--silent-twilight-rgb: 15 8 75;
--silent-twilight-oklch: oklch(0.211 0.114 275.1);
}
.element {
color: var(--silent-twilight);
background-color: hsl(246 81% 16%);
border-color: oklch(0.211 0.114 275.1);
}Tailwind CSS v4
@theme {
--color-silent-twilight: #0f084b;
--color-silent-twilight-50: #ecf3ff;
--color-silent-twilight-100: #dee5ff;
--color-silent-twilight-200: #c7d1ff;
--color-silent-twilight-300: #a8b2f2;
--color-silent-twilight-400: #8b99e2;
--color-silent-twilight-500: #717ed1;
--color-silent-twilight-600: #606bb0;
--color-silent-twilight-700: #4c568e;
--color-silent-twilight-800: #363f6a;
--color-silent-twilight-900: #242b4a;
--color-silent-twilight-950: #131831;
}SCSS
$silent-twilight: #0f084b;
$silent-twilight-rgb: 15, 8, 75;
$silent-twilight-light: mix(#fff, $silent-twilight, 20%);
$silent-twilight-dark: mix(#000, $silent-twilight, 20%);
.element {
color: $silent-twilight;
box-shadow: 0 0 0 2px rgba($silent-twilight, 0.35);
}