Named color · #FF5566
Festive Fennec
Festive Fennec is #FF5566: rgb(255 85 102), hsl(354 100% 67%), oklch(0.685 0.205 18.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Festive Fennec color name →
#FF5566
oklch(0.685 0.205 18.8)
Color conversions
- HEX
- #ff5566
- RGB
- rgb(255 85 102)
- HSL
- hsl(354 100% 67%)
- HWB
- hwb(354 33% 0%)
- OKLCH
- oklch(0.685 0.205 18.8)
- OKLab
- oklab(0.685 0.194 0.066)
- CIE Lab
- lab(61.28 65.91 28.76)
- LCH
- lch(61.28 71.91 23.6)
- CMYK
- cmyk(0% 67% 60% 0%)
Tints · Shades · Tones
Tints
- FF6A75
- FF7D84
- FF8F93
- FFA0A2
- FFB0B1
- FFC0C0
- FFD0D0
- FFE0DF
- FFF0EF
Shades
- DE4958
- BE3D4A
- 9E313C
- 80262F
- 631C23
- 481117
- 2E080C
- 160204
- 030000
Tones
- F35D69
- E8646C
- DC696F
- D06E72
- C37274
- B77677
- AA7979
- 9D7C7C
- 8F7E7E
Color harmonies
Complementary +180°
- FF5566
Festive Fennec
- 00AFB5
≈ Mermaid Treasure
Analogous -30° +30°
- FF5566
Festive Fennec
- F058AE
≈ Major Magenta
- F06E00
≈ Apocalyptic Orange
Triadic +120° +240°
- FF5566
Festive Fennec
- 4BB61C
≈ Kermit Green
- 5698FF
≈ Blue Chaos
Split-complementary +150° +210°
- FF5566
Festive Fennec
- 00B48B
≈ Chromophobia Green
- 00A8DB
≈ Malibu Blue
Tetradic +90° +180° +270°
- FF5566
Festive Fennec
- A2A000
≈ Fistfull of Green
- 00AFB5
≈ Mermaid Treasure
- 9883FF
≈ Periwinkle
Contrast & accessibility
Ag
FailOn white
WCAG 3.11:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.74:1 · APCA Lc 45
Best text color: #000000
WCAG 6.74:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--festive-fennec: #ff5566;
--festive-fennec-rgb: 255 85 102;
--festive-fennec-oklch: oklch(0.685 0.205 18.8);
}
.element {
color: var(--festive-fennec);
background-color: hsl(354 100% 67%);
border-color: oklch(0.685 0.205 18.8);
}Tailwind CSS v4
@theme {
--color-festive-fennec: #ff5566;
--color-festive-fennec-50: #ffdedc;
--color-festive-fennec-100: #ffcdcb;
--color-festive-fennec-200: #ffb0ae;
--color-festive-fennec-300: #ff8889;
--color-festive-fennec-400: #ff606d;
--color-festive-fennec-500: #ef2c4d;
--color-festive-fennec-600: #ca2942;
--color-festive-fennec-700: #a32134;
--color-festive-fennec-800: #791528;
--color-festive-fennec-900: #560e1b;
--color-festive-fennec-950: #39000b;
}SCSS
$festive-fennec: #ff5566;
$festive-fennec-rgb: 255, 85, 102;
$festive-fennec-light: mix(#fff, $festive-fennec, 20%);
$festive-fennec-dark: mix(#000, $festive-fennec, 20%);
.element {
color: $festive-fennec;
box-shadow: 0 0 0 2px rgba($festive-fennec, 0.35);
}