Dichtstbijzijnde benoemde kleur · #D9257C
#D9257C
Dichtstbijzijnde benoemde kleur: Vampire Love Story
#D9257C (rgb(217 37 124), hsl(331 71% 50%), oklch(0.589 0.22 358.1)) komt het dichtst bij de benoemde kleur Vampire Love Story. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D9257C
oklch(0.589 0.22 358.1)
Kleurconversies
- HEX
- #d9257c
- RGB
- rgb(217 37 124)
- HSL
- hsl(331 71% 50%)
- HWB
- hwb(331 15% 15%)
- OKLCH
- oklch(0.589 0.22 358.1)
- OKLab
- oklab(0.589 0.22 -0.007)
- CIE Lab
- lab(49.48 70.49 -1.74)
- LCH
- lch(49.48 70.51 358.6)
- CMYK
- cmyk(0% 83% 43% 15%)
Tinten · Schaduwen · Tonen
Tinten
- E04688
- E65F95
- EC75A1
- F18AAE
- F59EBB
- F9B2C9
- FCC5D6
- FED8E3
- FFECF1
Schaduwen
- BC1F6B
- A1195A
- 86134A
- 6C0D3B
- 53082C
- 3B041E
- 250211
- 110005
- 020001
Tonen
- D2387C
- CA457D
- C3507D
- BA597E
- B2617E
- A9687E
- A06F7F
- 96757F
- 8C7B80
Kleurharmonieën
Complementair +180°
- D9257C
Vampire Love Story
- 00917D
≈ Miami Jade
Analoog -30° +30°
- D9257C
Vampire Love Story
- BD3ABD
≈ Ultraviolet Cryner
- E22823
≈ Ferocious
Triadisch +120° +240°
- D9257C
Vampire Love Story
- 768700
≈ Swamp Green
- 0086C1
≈ Forget-Me-Not
Gesplitst complementair +150° +210°
- D9257C
Vampire Love Story
- 00973B
≈ Green Revolution
- 008D9C
≈ Coral Coast
Tetradisch +90° +180° +270°
- D9257C
Vampire Love Story
- 9A7800
≈ Mesozoic Green
- 00917D
≈ Miami Jade
- 476CFD
≈ Blue Titmouse
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.66:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.50:1 · APCA Lc 31
Beste tekstkleur: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--vampire-love-story: #d9257c;
--vampire-love-story-rgb: 217 37 124;
--vampire-love-story-oklch: oklch(0.589 0.22 358.1);
}
.element {
color: var(--vampire-love-story);
background-color: hsl(331 71% 50%);
border-color: oklch(0.589 0.22 358.1);
}Tailwind CSS v4
@theme {
--color-vampire-love-story: #d9257c;
--color-vampire-love-story-50: #ffdbf2;
--color-vampire-love-story-100: #ffc9e5;
--color-vampire-love-story-200: #ffabd0;
--color-vampire-love-story-300: #ff82b2;
--color-vampire-love-story-400: #fd589e;
--color-vampire-love-story-500: #ec1b85;
--color-vampire-love-story-600: #c71d71;
--color-vampire-love-story-700: #a0185a;
--color-vampire-love-story-800: #770f45;
--color-vampire-love-story-900: #540a2f;
--color-vampire-love-story-950: #38001c;
}SCSS
$vampire-love-story: #d9257c;
$vampire-love-story-rgb: 217, 37, 124;
$vampire-love-story-light: mix(#fff, $vampire-love-story, 20%);
$vampire-love-story-dark: mix(#000, $vampire-love-story, 20%);
.element {
color: $vampire-love-story;
box-shadow: 0 0 0 2px rgba($vampire-love-story, 0.35);
}