命名颜色 · #991166
Romantic Vampire
Romantic Vampire 即 #991166：rgb(153 17 102)、hsl(323 80% 33%)、oklch(0.457 0.181 349.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Romantic Vampire color name →
#991166
oklch(0.457 0.181 349.5)
颜色转换
- HEX
- #991166
- RGB
- rgb(153 17 102)
- HSL
- hsl(323 80% 33%)
- HWB
- hwb(323 7% 40%)
- OKLCH
- oklch(0.457 0.181 349.5)
- OKLab
- oklab(0.457 0.178 -0.033)
- CIE Lab
- lab(34.59 56.74 -11.71)
- LCH
- lch(34.59 57.93 348.3)
- CMYK
- cmyk(0% 89% 33% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- A63474
- B24D83
- BD6492
- C87AA1
- D390B0
- DDA6BF
- E6BCCF
- EFD2DF
- F7E8EF
深色调
- 840D58
- 70094A
- 5D063C
- 4A042F
- 380223
- 270117
- 17000C
- 080004
- 010000
灰色调
- 982669
- 97346B
- 96406E
- 944B71
- 925573
- 905E76
- 8D6778
- 896F7B
- 85787D
配色和谐
互补色 +180°
- 991166
Romantic Vampire
- 00674F
≈ Peacock Green
类似色 -30° +30°
- 991166
Romantic Vampire
- 802694
≈ Druchii Violet
- A4052B
≈ Petal of a Dying Rose
三角配色 +120° +240°
- 991166
Romantic Vampire
- 5C5B00
≈ Greensboro
- 006080
≈ Adriatic Sea
分裂互补色 +150° +210°
- 991166
Romantic Vampire
- 206900
≈ Keen Green
- 006468
≈ Really Teal
四角配色 +90° +180° +270°
- 991166
Romantic Vampire
- 735000
≈ Lucky Brown
- 00674F
≈ Peacock Green
- 014FB9
≈ Sapphire
对比度与无障碍
Ag
AAA白底
WCAG 7.99:1 · APCA Lc 86
Ag
Fail黑底
WCAG 2.62:1 · APCA Lc 16
最佳文字颜色: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--romantic-vampire: #991166;
--romantic-vampire-rgb: 153 17 102;
--romantic-vampire-oklch: oklch(0.457 0.181 349.5);
}
.element {
color: var(--romantic-vampire);
background-color: hsl(323 80% 33%);
border-color: oklch(0.457 0.181 349.5);
}Tailwind CSS v4
@theme {
--color-romantic-vampire: #991166;
--color-romantic-vampire-50: #ffe1fb;
--color-romantic-vampire-100: #ffd0ef;
--color-romantic-vampire-200: #ffb4dd;
--color-romantic-vampire-300: #fc8ec2;
--color-romantic-vampire-400: #ea6bae;
--color-romantic-vampire-500: #d74598;
--color-romantic-vampire-600: #b63c80;
--color-romantic-vampire-700: #923067;
--color-romantic-vampire-800: #6c214e;
--color-romantic-vampire-900: #4c1636;
--color-romantic-vampire-950: #320621;
}SCSS
$romantic-vampire: #991166;
$romantic-vampire-rgb: 153, 17, 102;
$romantic-vampire-light: mix(#fff, $romantic-vampire, 20%);
$romantic-vampire-dark: mix(#000, $romantic-vampire, 20%);
.element {
color: $romantic-vampire;
box-shadow: 0 0 0 2px rgba($romantic-vampire, 0.35);
}