لون مسمّى · #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);
}