Dichtstbijzijnde benoemde kleur · #8A2A41
#8A2A41
Dichtstbijzijnde benoemde kleur: Vampirella
#8A2A41 (rgb(138 42 65), hsl(346 53% 35%), oklch(0.437 0.13 10.1)) komt het dichtst bij de benoemde kleur Vampirella. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#8A2A41
oklch(0.437 0.13 10.1)
Kleurconversies
- HEX
- #8a2a41
- RGB
- rgb(138 42 65)
- HSL
- hsl(346 53% 35%)
- HWB
- hwb(346 16% 46%)
- OKLCH
- oklch(0.437 0.13 10.1)
- OKLab
- oklab(0.437 0.128 0.023)
- CIE Lab
- lab(33.21 42.48 9.83)
- LCH
- lch(33.21 43.6 13)
- CMYK
- cmyk(0% 70% 53% 46%)
Tinten · Schaduwen · Tonen
Tinten
- 974152
- A55663
- B16A75
- BD7F88
- C9949B
- D5A9AE
- E0BEC2
- EBD3D6
- F5E9EA
Schaduwen
- 772337
- 651C2E
- 531625
- 42101C
- 320A13
- 22050B
- 140205
- 070101
- 010000
Tonen
- 8A3547
- 8B3F4D
- 8B4853
- 8A505A
- 8A5960
- 886166
- 87696D
- 857173
- 837879
Kleurharmonieën
Complementair +180°
- 8A2A41
Vampirella
- 005F5B
≈ Mosque
Analoog -30° +30°
- 8A2A41
Vampirella
- 7E2E68
≈ Grape Juice
- 8A3109
≈ Rogan Josh
Triadisch +120° +240°
- 8A2A41
Vampirella
- 3B5E00
≈ Lustrian Undergrowth
- 005392
≈ Ocean
Gesplitst complementair +150° +210°
- 8A2A41
Vampirella
- 00623E
≈ Aotake Bamboo
- 005B70
≈ Deep Lagoon
Tetradisch +90° +180° +270°
- 8A2A41
Vampirella
- 5E5200
≈ Olive Brown
- 005F5B
≈ Mosque
- 464597
≈ Galaxy Express
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.43:1 · APCA Lc 88
Ag
FailOp zwart
WCAG 2.48:1 · APCA Lc 14
Beste tekstkleur: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
CSS
:root {
--vampirella: #8a2a41;
--vampirella-rgb: 138 42 65;
--vampirella-oklch: oklch(0.437 0.13 10.1);
}
.element {
color: var(--vampirella);
background-color: hsl(346 53% 35%);
border-color: oklch(0.437 0.13 10.1);
}Tailwind CSS v4
@theme {
--color-vampirella: #8a2a41;
--color-vampirella-50: #ffe7eb;
--color-vampirella-100: #ffd7dc;
--color-vampirella-200: #ffbec5;
--color-vampirella-300: #f29ba6;
--color-vampirella-400: #df7c8d;
--color-vampirella-500: #cc5c72;
--color-vampirella-600: #ad4f61;
--color-vampirella-700: #8b3f4d;
--color-vampirella-800: #672d3a;
--color-vampirella-900: #481e27;
--color-vampirella-950: #2f0e16;
}SCSS
$vampirella: #8a2a41;
$vampirella-rgb: 138, 42, 65;
$vampirella-light: mix(#fff, $vampirella, 20%);
$vampirella-dark: mix(#000, $vampirella, 20%);
.element {
color: $vampirella;
box-shadow: 0 0 0 2px rgba($vampirella, 0.35);
}