命名颜色 · #7A0006
Demon
Demon 即 #7A0006：rgb(122 0 6)、hsl(357 100% 24%)、oklch(0.364 0.149 27.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Demon color name →
#7A0006
oklch(0.364 0.149 27.6)
颜色转换
- HEX
- #7a0006
- RGB
- rgb(122 0 6)
- HSL
- hsl(357 100% 24%)
- HWB
- hwb(357 0% 52%)
- OKLCH
- oklch(0.364 0.149 27.6)
- OKLab
- oklab(0.364 0.132 0.069)
- CIE Lab
- lab(24.77 46.91 35.13)
- LCH
- lch(24.77 58.61 36.8)
- CMYK
- cmyk(0% 100% 95% 52%)
浅色调 · 深色调 · 灰色调
浅色调
- 8A2822
- 994239
- A75950
- B57068
- C38880
- D09F98
- DCB6B1
- E8CECB
- F4E6E5
深色调
- 690004
- 590003
- 490002
- 3A0001
- 2B0001
- 1D0000
- 100000
- 050000
- 010000
灰色调
- 7D1A17
- 7F2A24
- 813730
- 82423B
- 834D47
- 845852
- 84625D
- 836C69
- 827674
配色和谐
互补色 +180°
- 7A0006
Demon
- 00474F
≈ Sherpa Blue
类似色 -30° +30°
- 7A0006
Demon
- 74003E
≈ Merlot
- 5F3000
≈ Count Chocula
三角配色 +120° +240°
分裂互补色 +150° +210°
- 7A0006
Demon
- 004A3E
≈ Aqua Deep
- 004363
≈ Lush Aqua
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 11.47:1 · APCA Lc 94
Ag
Fail黑底
WCAG 1.83:1 · APCA Lc 8
最佳文字颜色: #FFFFFF
WCAG 11.47:1 (AAA) · APCA Lc 94
Contrast pairs
代码片段
CSS
:root {
--demon: #7a0006;
--demon-rgb: 122 0 6;
--demon-oklch: oklch(0.364 0.149 27.6);
}
.element {
color: var(--demon);
background-color: hsl(357 100% 24%);
border-color: oklch(0.364 0.149 27.6);
}Tailwind CSS v4
@theme {
--color-demon: #7a0006;
--color-demon-50: #ffe6dd;
--color-demon-100: #ffd6cb;
--color-demon-200: #ffbdaf;
--color-demon-300: #fa998a;
--color-demon-400: #e9796c;
--color-demon-500: #d7574c;
--color-demon-600: #b54a41;
--color-demon-700: #923b34;
--color-demon-800: #6d2a26;
--color-demon-900: #4d1c1a;
--color-demon-950: #320b0a;
}SCSS
$demon: #7a0006;
$demon-rgb: 122, 0, 6;
$demon-light: mix(#fff, $demon, 20%);
$demon-dark: mix(#000, $demon, 20%);
.element {
color: $demon;
box-shadow: 0 0 0 2px rgba($demon, 0.35);
}