最接近的命名颜色 · #D21859
#D21859
最接近的命名颜色: Vampire Fangs
#D21859（rgb(210 24 89)、hsl(339 79% 46%)、oklch(0.56 0.214 9.3)）最接近命名颜色 Vampire Fangs。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D21859
oklch(0.56 0.214 9.3)
颜色转换
- HEX
- #d21859
- RGB
- rgb(210 24 89)
- HSL
- hsl(339 79% 46%)
- HWB
- hwb(339 9% 18%)
- OKLCH
- oklch(0.56 0.214 9.3)
- OKLab
- oklab(0.56 0.211 0.034)
- CIE Lab
- lab(46.44 69.2 15.33)
- LCH
- lch(46.44 70.88 12.5)
- CMYK
- cmyk(0% 89% 58% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- DA3F68
- E15978
- E87088
- EE8698
- F39AA9
- F7AFB9
- FAC3CA
- FDD7DC
- FEEBED
深色调
- B6134C
- 9B0F40
- 810A34
- 680728
- 50041D
- 390213
- 240109
- 100003
- 020000
灰色调
- CC305D
- C53F61
- BE4B65
- B75569
- AF5E6D
- A76670
- 9F6D74
- 957478
- 8B7A7C
配色和谐
互补色 +180°
- D21859
Vampire Fangs
- 008680
≈ Ornamental Turquoise
类似色 -30° +30°
- D21859
Vampire Fangs
- BE2A9C
≈ Fuchsia Flourish
- C64100
≈ Vinaceous Tawny
三角配色 +120° +240°
- D21859
Vampire Fangs
- 588400
≈ Avocado
- 0077CB
≈ Science Blue
分裂互补色 +150° +210°
- D21859
Vampire Fangs
- 008A58
≈ Center Field
- 00829D
≈ Decore Splash
四角配色 +90° +180° +270°
- D21859
Vampire Fangs
- 857500
≈ Soft Fig
- 008680
≈ Ornamental Turquoise
- 615AEC
≈ Arcane Brew
对比度与无障碍
Ag
AA白底
WCAG 5.23:1 · APCA Lc 74
Ag
Fail黑底
WCAG 4.01:1 · APCA Lc 28
最佳文字颜色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--vampire-fangs: #d21859;
--vampire-fangs-rgb: 210 24 89;
--vampire-fangs-oklch: oklch(0.56 0.214 9.3);
}
.element {
color: var(--vampire-fangs);
background-color: hsl(339 79% 46%);
border-color: oklch(0.56 0.214 9.3);
}Tailwind CSS v4
@theme {
--color-vampire-fangs: #d21859;
--color-vampire-fangs-50: #ffdce6;
--color-vampire-fangs-100: #ffcad6;
--color-vampire-fangs-200: #ffacbd;
--color-vampire-fangs-300: #ff849c;
--color-vampire-fangs-400: #ff5a83;
--color-vampire-fangs-500: #f02067;
--color-vampire-fangs-600: #cb2058;
--color-vampire-fangs-700: #a31a46;
--color-vampire-fangs-800: #7a1035;
--color-vampire-fangs-900: #560b24;
--color-vampire-fangs-950: #390013;
}SCSS
$vampire-fangs: #d21859;
$vampire-fangs-rgb: 210, 24, 89;
$vampire-fangs-light: mix(#fff, $vampire-fangs, 20%);
$vampire-fangs-dark: mix(#000, $vampire-fangs, 20%);
.element {
color: $vampire-fangs;
box-shadow: 0 0 0 2px rgba($vampire-fangs, 0.35);
}