Nearest named color · #F79294
#F79294
Nearest named color: Fruity Licious
#F79294 (rgb(247 146 148), hsl(359 86% 77%), oklch(0.766 0.122 19)) is closest to the named color Fruity Licious. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F79294
oklch(0.766 0.122 19)
Color conversions
- HEX
- #f79294
- RGB
- rgb(247 146 148)
- HSL
- hsl(359 86% 77%)
- HWB
- hwb(359 57% 3%)
- OKLCH
- oklch(0.766 0.122 19)
- OKLab
- oklab(0.766 0.116 0.04)
- CIE Lab
- lab(71.62 39.15 16.32)
- LCH
- lch(71.62 42.42 22.6)
- CMYK
- cmyk(0% 41% 40% 3%)
Tints · Shades · Tones
Tints
- F99D9E
- FBA8A9
- FCB3B3
- FEBEBE
- FFC9C9
- FFD4D3
- FFDFDE
- FFE9E9
- FFF4F4
Shades
- D77E80
- B76B6D
- 99585A
- 7C4648
- 603536
- 452526
- 2C1616
- 150808
- 030101
Tones
- EB9192
- E08F90
- D48E8E
- C88C8C
- BC8A8A
- B08988
- A58786
- 998584
- 8C8282
Color harmonies
Complementary +180°
- F79294
Fruity Licious
- 2DCAD0
≈ Mermaid Net
Analogous -30° +30°
- F79294
Fruity Licious
- ED92BF
≈ Shocking
- F29B6B
≈ Florida Mango
Triadic +120° +240°
- F79294
Fruity Licious
- 8AC679
≈ Applegate
- 84B4FF
≈ Parakeet Blue
Split-complementary +150° +210°
- F79294
Fruity Licious
- 53CCA6
≈ Diroset
- 4FC1F1
≈ Clean Pool
Tetradic +90° +180° +270°
- F79294
Fruity Licious
- B9B956
≈ Parachute
- 2DCAD0
≈ Mermaid Net
- B1A6FC
≈ Shy Moment
Contrast & accessibility
Ag
FailOn white
WCAG 2.21:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.49:1 · APCA Lc 59
Best text color: #000000
WCAG 9.49:1 (AAA) · APCA Lc 59
Contrast pairs
Code snippets
CSS
:root {
--fruity-licious: #f79294;
--fruity-licious-rgb: 247 146 148;
--fruity-licious-oklch: oklch(0.766 0.122 19);
}
.element {
color: var(--fruity-licious);
background-color: hsl(359 86% 77%);
border-color: oklch(0.766 0.122 19);
}Tailwind CSS v4
@theme {
--color-fruity-licious: #f79294;
--color-fruity-licious-50: #ffe8e6;
--color-fruity-licious-100: #ffd9d6;
--color-fruity-licious-200: #ffc0be;
--color-fruity-licious-300: #f09e9c;
--color-fruity-licious-400: #dd7f82;
--color-fruity-licious-500: #ca6165;
--color-fruity-licious-600: #ab5256;
--color-fruity-licious-700: #894245;
--color-fruity-licious-800: #662f33;
--color-fruity-licious-900: #482023;
--color-fruity-licious-950: #2f0f12;
}SCSS
$fruity-licious: #f79294;
$fruity-licious-rgb: 247, 146, 148;
$fruity-licious-light: mix(#fff, $fruity-licious, 20%);
$fruity-licious-dark: mix(#000, $fruity-licious, 20%);
.element {
color: $fruity-licious;
box-shadow: 0 0 0 2px rgba($fruity-licious, 0.35);
}