Cor nomeada mais próxima · #C879F5
#C879F5
Cor nomeada mais próxima: Fake Love
#C879F5 (rgb(200 121 245), hsl(278 86% 72%), oklch(0.709 0.189 311.9)) é mais próxima da cor nomeada Fake Love. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C879F5
oklch(0.709 0.189 311.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- CE88F7
- D396F9
- D9A3FA
- DFB1FB
- E4BEFD
- EACBFD
- EFD8FE
- F4E5FF
- FAF2FF
Sombras
- AE68D5
- 9458B6
- 7B4898
- 63397B
- 4C2B5F
- 361D44
- 21102B
- 0F0515
- 020103
Tons
- C17BE9
- BA7DDE
- B27ED2
- AB7FC6
- A480BB
- 9D80AF
- 9680A3
- 8E8198
- 87808C
Harmonias de cor
Complementar +180°
- C879F5
Fake Love
- 73B81B
≈ Green Serpent
Análoga -30° +30°
- C879F5
Fake Love
- 9393FF
≈ Periwinkle Blue
- ED6AC2
≈ Crumbly Lipstick
Tríade +120° +240°
- C879F5
Fake Love
- DB8F00
≈ Harvest Eve Gold
- 00B9B5
≈ Jade Gravel
Complementar dividida +150° +210°
- C879F5
Fake Love
- B5A300
≈ Snakebite Leather
- 00BE83
≈ Greenish Teal
Tétrade +90° +180° +270°
- C879F5
Fake Love
- FE7031
≈ Bright Orange
- 73B81B
≈ Green Serpent
- 00B3DB
≈ Blue Atoll
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.50:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
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);
}