Nächste benannte Farbe · #C879F5
#C879F5
Nächste benannte Farbe: Fake Love
#C879F5 (rgb(200 121 245), hsl(278 86% 72%), oklch(0.709 0.189 311.9)) liegt am nächsten an der benannten Farbe Fake Love. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C879F5
oklch(0.709 0.189 311.9)
Farbumrechnungen
- HEX
- #c879f5
- RGB
- rgb(200 121 245)
- HSL
- hsl(278 86% 72%)
- HWB
- hwb(278 47% 4%)
- OKLCH
- oklch(0.709 0.189 311.9)
- OKLab
- oklab(0.709 0.126 -0.14)
- CIE Lab
- lab(63.42 47.26 -50.46)
- LCH
- lch(63.42 69.13 313.1)
- CMYK
- cmyk(18% 51% 0% 4%)
Tints · Shades · Tones
Tints
- CE88F7
- D396F9
- D9A3FA
- DFB1FB
- E4BEFD
- EACBFD
- EFD8FE
- F4E5FF
- FAF2FF
Shades
- AE68D5
- 9458B6
- 7B4898
- 63397B
- 4C2B5F
- 361D44
- 21102B
- 0F0515
- 020103
Tones
- C17BE9
- BA7DDE
- B27ED2
- AB7FC6
- A480BB
- 9D80AF
- 9680A3
- 8E8198
- 87808C
Farbharmonien
Komplementär +180°
- C879F5
Fake Love
- 73B81B
≈ Green Serpent
Analog -30° +30°
- C879F5
Fake Love
- 9393FF
≈ Periwinkle Blue
- ED6AC2
≈ Crumbly Lipstick
Triadisch +120° +240°
- C879F5
Fake Love
- DB8F00
≈ Harvest Eve Gold
- 00B9B5
≈ Jade Gravel
Geteilt komplementär +150° +210°
- C879F5
Fake Love
- B5A300
≈ Snakebite Leather
- 00BE83
≈ Greenish Teal
Tetradisch +90° +180° +270°
- C879F5
Fake Love
- FE7031
≈ Bright Orange
- 73B81B
≈ Green Serpent
- 00B3DB
≈ Blue Atoll
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--fake-love: #c879f5;
--fake-love-rgb: 200 121 245;
--fake-love-oklch: oklch(0.709 0.189 311.9);
}
.element {
color: var(--fake-love);
background-color: hsl(278 86% 72%);
border-color: oklch(0.709 0.189 311.9);
}Tailwind CSS v4
@theme {
--color-fake-love: #c879f5;
--color-fake-love-50: #ffe6ff;
--color-fake-love-100: #ffd6ff;
--color-fake-love-200: #f2bcff;
--color-fake-love-300: #da99fa;
--color-fake-love-400: #c379ee;
--color-fake-love-500: #af56de;
--color-fake-love-600: #944abb;
--color-fake-love-700: #763b97;
--color-fake-love-800: #562a72;
--color-fake-love-900: #3c1d50;
--color-fake-love-950: #260c36;
}SCSS
$fake-love: #c879f5;
$fake-love-rgb: 200, 121, 245;
$fake-love-light: mix(#fff, $fake-love, 20%);
$fake-love-dark: mix(#000, $fake-love, 20%);
.element {
color: $fake-love;
box-shadow: 0 0 0 2px rgba($fake-love, 0.35);
}