Benannte Farbe · #991166
Romantic Vampire
Romantic Vampire ist #991166: rgb(153 17 102), hsl(323 80% 33%), oklch(0.457 0.181 349.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Romantic Vampire color name →
#991166
oklch(0.457 0.181 349.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- A63474
- B24D83
- BD6492
- C87AA1
- D390B0
- DDA6BF
- E6BCCF
- EFD2DF
- F7E8EF
Shades
- 840D58
- 70094A
- 5D063C
- 4A042F
- 380223
- 270117
- 17000C
- 080004
- 010000
Tones
- 982669
- 97346B
- 96406E
- 944B71
- 925573
- 905E76
- 8D6778
- 896F7B
- 85787D
Farbharmonien
Komplementär +180°
- 991166
Romantic Vampire
- 00674F
≈ Peacock Green
Analog -30° +30°
- 991166
Romantic Vampire
- 802694
≈ Druchii Violet
- A4052B
≈ Petal of a Dying Rose
Triadisch +120° +240°
- 991166
Romantic Vampire
- 5C5B00
≈ Greensboro
- 006080
≈ Adriatic Sea
Geteilt komplementär +150° +210°
- 991166
Romantic Vampire
- 206900
≈ Keen Green
- 006468
≈ Really Teal
Tetradisch +90° +180° +270°
- 991166
Romantic Vampire
- 735000
≈ Lucky Brown
- 00674F
≈ Peacock Green
- 014FB9
≈ Sapphire
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.99:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.62:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
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);
}