最接近的命名颜色 · #580003
#580003
最接近的命名颜色: Vampire Hunter
#580003（rgb(88 0 3)、hsl(358 100% 17%)、oklch(0.289 0.118 27.6)）最接近命名颜色 Vampire Hunter。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#580003
oklch(0.289 0.118 27.6)
颜色转换
- HEX
- #580003
- RGB
- rgb(88 0 3)
- HSL
- hsl(358 100% 17%)
- HWB
- hwb(358 0% 65%)
- OKLCH
- oklch(0.289 0.118 27.6)
- OKLab
- oklab(0.289 0.105 0.055)
- CIE Lab
- lab(16.39 37.26 24.46)
- LCH
- lch(16.39 44.58 33.3)
- CMYK
- cmyk(0% 100% 97% 65%)
浅色调 · 深色调 · 灰色调
浅色调
- 6A201B
- 7C3932
- 8D5149
- 9E6861
- AF807A
- BF9993
- D0B1AD
- E0CBC8
- EFE5E3
深色调
- 4B0002
- 3F0002
- 330001
- 280001
- 1D0000
- 120000
- 090000
- 030000
- 000000
灰色调
- 5E1411
- 63231E
- 682F2A
- 6D3B36
- 714742
- 75524E
- 785E5A
- 7B6967
- 7E7573
配色和谐
互补色 +180°
- 580003
Vampire Hunter
- 003238
≈ Artist Blue
类似色 -30° +30°
- 580003
Vampire Hunter
- 54002B
≈ Fig Balsamic
- 442100
≈ Blackened Brown
三角配色 +120° +240°
- 580003
Vampire Hunter
- 00360F
≈ Haunted Hills
- 122265
≈ Pure Midnight
分裂互补色 +150° +210°
- 580003
Vampire Hunter
- 00342B
≈ Fence Green
- 002F47
≈ Cosmos Blue
四角配色 +90° +180° +270°
- 580003
Vampire Hunter
- 292F00
≈ Blind Forest
- 003238
≈ Artist Blue
- 34165D
≈ Fabric of Space
对比度与无障碍
Ag
AAA白底
WCAG 14.82:1 · APCA Lc 100
Ag
Fail黑底
WCAG 1.41:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 14.82:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--vampire-hunter: #580003;
--vampire-hunter-rgb: 88 0 3;
--vampire-hunter-oklch: oklch(0.289 0.118 27.6);
}
.element {
color: var(--vampire-hunter);
background-color: hsl(358 100% 17%);
border-color: oklch(0.289 0.118 27.6);
}Tailwind CSS v4
@theme {
--color-vampire-hunter: #580003;
--color-vampire-hunter-50: #ffe9e2;
--color-vampire-hunter-100: #ffdad1;
--color-vampire-hunter-200: #ffc2b7;
--color-vampire-hunter-300: #eea194;
--color-vampire-hunter-400: #db8277;
--color-vampire-hunter-500: #c86459;
--color-vampire-hunter-600: #a9554c;
--color-vampire-hunter-700: #88443d;
--color-vampire-hunter-800: #65302d;
--color-vampire-hunter-900: #47211e;
--color-vampire-hunter-950: #2e100e;
}SCSS
$vampire-hunter: #580003;
$vampire-hunter-rgb: 88, 0, 3;
$vampire-hunter-light: mix(#fff, $vampire-hunter, 20%);
$vampire-hunter-dark: mix(#000, $vampire-hunter, 20%);
.element {
color: $vampire-hunter;
box-shadow: 0 0 0 2px rgba($vampire-hunter, 0.35);
}