Named color · #FF496C
Love Red
Love Red is #FF496C: rgb(255 73 108), hsl(348 100% 64%), oklch(0.675 0.217 14.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Love Red color name →
#FF496C
oklch(0.675 0.217 14.4)
Color conversions
- HEX
- #ff496c
- RGB
- rgb(255 73 108)
- HSL
- hsl(348 100% 64%)
- HWB
- hwb(348 29% 0%)
- OKLCH
- oklch(0.675 0.217 14.4)
- OKLab
- oklab(0.675 0.21 0.054)
- CIE Lab
- lab(59.83 70.28 23.42)
- LCH
- lch(59.83 74.08 18.4)
- CMYK
- cmyk(0% 71% 58% 0%)
Tints · Shades · Tones
Tints
- FF617A
- FF7688
- FF8997
- FF9BA5
- FFACB4
- FFBDC2
- FFCED1
- FFDEE0
- FFEFF0
Shades
- DE3E5D
- BE344E
- 9E2A40
- 802032
- 631725
- 480E19
- 2E060D
- 160204
- 030000
Tones
- F4536E
- E85C71
- DC6373
- D06975
- C46E77
- B77379
- AA777B
- 9D7A7C
- 8F7D7E
Color harmonies
Complementary +180°
- FF496C
Love Red
- 00ACAC
≈ Jade Orchid
Analogous -30° +30°
- FF496C
Love Red
- EC50B6
≈ Major Magenta
- F36400
≈ Honey Teriyaki
Triadic +120° +240°
- FF496C
Love Red
- 5EAF00
≈ Kermit Green
- 3D97FF
≈ Brilliant Azure
Split-complementary +150° +210°
- FF496C
Love Red
- 00B17F
≈ Dark Mountain Meadow
- 00A6D1
≈ Charybdis
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.27:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.42:1 · APCA Lc 43
Best text color: #000000
WCAG 6.42:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--love-red: #ff496c;
--love-red-rgb: 255 73 108;
--love-red-oklch: oklch(0.675 0.217 14.4);
}
.element {
color: var(--love-red);
background-color: hsl(348 100% 64%);
border-color: oklch(0.675 0.217 14.4);
}Tailwind CSS v4
@theme {
--color-love-red: #ff496c;
--color-love-red-50: #ffdce0;
--color-love-red-100: #ffcacf;
--color-love-red-200: #ffacb4;
--color-love-red-300: #ff8390;
--color-love-red-400: #ff5976;
--color-love-red-500: #f31a58;
--color-love-red-600: #cd1c4b;
--color-love-red-700: #a5183b;
--color-love-red-800: #7b0e2d;
--color-love-red-900: #57091e;
--color-love-red-950: #3a000e;
}SCSS
$love-red: #ff496c;
$love-red-rgb: 255, 73, 108;
$love-red-light: mix(#fff, $love-red, 20%);
$love-red-dark: mix(#000, $love-red, 20%);
.element {
color: $love-red;
box-shadow: 0 0 0 2px rgba($love-red, 0.35);
}