Named color · #C973A2
Fading Love
Fading Love is #C973A2: rgb(201 115 162), hsl(327 44% 62%), oklch(0.664 0.122 347). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Fading Love color name →
#C973A2
oklch(0.664 0.122 347)
Color conversions
- HEX
- #c973a2
- RGB
- rgb(201 115 162)
- HSL
- hsl(327 44% 62%)
- HWB
- hwb(327 45% 21%)
- OKLCH
- oklch(0.664 0.122 347)
- OKLab
- oklab(0.664 0.119 -0.027)
- CIE Lab
- lab(59.41 39.07 -9.94)
- LCH
- lch(59.41 40.31 345.7)
- CMYK
- cmyk(0% 43% 19% 21%)
Tints · Shades · Tones
Tints
- CF81AB
- D68FB4
- DC9DBD
- E1ABC6
- E7B9D0
- ECC7D9
- F1D5E2
- F6E3EC
- FBF1F5
Shades
- AE638C
- 955477
- 7C4563
- 64364F
- 4C283C
- 361B2A
- 220F19
- 0F050A
- 020101
Tones
- C2759F
- BB779B
- B47898
- AD7A94
- A67B91
- 9F7C8E
- 977D8A
- 907E87
- 887F83
Color harmonies
Complementary +180°
- C973A2
Fading Love
- 30AB84
≈ Herbal
Analogous -30° +30°
- C973A2
Fading Love
- B27BC5
≈ Wisteria
- D47278
≈ Lotus Red
Triadic +120° +240°
- C973A2
Fading Love
- 9C9832
≈ Be Yourself
- 1EA2CD
≈ Charybdis
Split-complementary +150° +210°
- C973A2
Fading Love
- 6FA558
≈ Off Green
- 00A8AB
≈ Fiji
Tetradic +90° +180° +270°
- C973A2
Fading Love
- BD882D
≈ Burnished Copper
- 30AB84
≈ Herbal
- 6195DD
≈ Little Boy Blue
Contrast & accessibility
Ag
FailOn white
WCAG 3.25:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.45:1 · APCA Lc 42
Best text color: #000000
WCAG 6.45:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--fading-love: #c973a2;
--fading-love-rgb: 201 115 162;
--fading-love-oklch: oklch(0.664 0.122 347);
}
.element {
color: var(--fading-love);
background-color: hsl(327 44% 62%);
border-color: oklch(0.664 0.122 347);
}Tailwind CSS v4
@theme {
--color-fading-love: #c973a2;
--color-fading-love-50: #ffe8fb;
--color-fading-love-100: #ffd8ee;
--color-fading-love-200: #fdbfdc;
--color-fading-love-300: #e79ec1;
--color-fading-love-400: #d380ac;
--color-fading-love-500: #bf6296;
--color-fading-love-600: #a1537f;
--color-fading-love-700: #814265;
--color-fading-love-800: #5f304c;
--color-fading-love-900: #432035;
--color-fading-love-950: #2b0f20;
}SCSS
$fading-love: #c973a2;
$fading-love-rgb: 201, 115, 162;
$fading-love-light: mix(#fff, $fading-love, 20%);
$fading-love-dark: mix(#000, $fading-love, 20%);
.element {
color: $fading-love;
box-shadow: 0 0 0 2px rgba($fading-love, 0.35);
}