Nearest named color · #FC64A5
#FC64A5
Nearest named color: Fuchsia Fever
#FC64A5 (rgb(252 100 165), hsl(334 96% 69%), oklch(0.713 0.195 356.6)) is closest to the named color Fuchsia Fever. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FC64A5
oklch(0.713 0.195 356.6)
Color conversions
- HEX
- #fc64a5
- RGB
- rgb(252 100 165)
- HSL
- hsl(334 96% 69%)
- HWB
- hwb(334 39% 1%)
- OKLCH
- oklch(0.713 0.195 356.6)
- OKLab
- oklab(0.713 0.194 -0.011)
- CIE Lab
- lab(64.22 63.11 -3.57)
- LCH
- lch(64.22 63.22 356.8)
- CMYK
- cmyk(0% 60% 35% 1%)
Tints · Shades · Tones
Tints
- FF76AE
- FF87B6
- FF97BF
- FFA6C8
- FFB5D1
- FFC4DA
- FFD3E3
- FFE2EC
- FFF0F6
Shades
- DB568F
- BB4879
- 9C3B65
- 7E2E51
- 62223D
- 47162B
- 2D0B1A
- 16030A
- 030001
Tones
- F069A1
- E56E9D
- D9719A
- CD7596
- C17792
- B57A8F
- A87C8B
- 9B7E87
- 8E7F84
Color harmonies
Complementary +180°
- FC64A5
Fuchsia Fever
- 00BDA0
≈ First Post
Analogous -30° +30°
- FC64A5
Fuchsia Fever
- DF70E1
≈ Hibiscus Pop
- FF6D63
≈ Manila Sunset
Triadic +120° +240°
- FC64A5
Fuchsia Fever
- 9DAE00
≈ Marker Green
- 00AFF6
≈ Democrat
Split-complementary +150° +210°
- FC64A5
Fuchsia Fever
- 31C151
≈ Lǜ Sè Green
- 00B7C9
≈ Lago Blue
Tetradic +90° +180° +270°
- FC64A5
Fuchsia Fever
- CA9B00
≈ Vivid Amber
- 00BDA0
≈ First Post
- 789EFF
≈ Periwinkle Blue
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.50:1 · APCA Lc 49
Best text color: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--fuchsia-fever: #fc64a5;
--fuchsia-fever-rgb: 252 100 165;
--fuchsia-fever-oklch: oklch(0.713 0.195 356.6);
}
.element {
color: var(--fuchsia-fever);
background-color: hsl(334 96% 69%);
border-color: oklch(0.713 0.195 356.6);
}Tailwind CSS v4
@theme {
--color-fuchsia-fever: #fc64a5;
--color-fuchsia-fever-50: #ffdff4;
--color-fuchsia-fever-100: #ffcde7;
--color-fuchsia-fever-200: #ffb0d3;
--color-fuchsia-fever-300: #ff89b6;
--color-fuchsia-fever-400: #f364a1;
--color-fuchsia-fever-500: #e23889;
--color-fuchsia-fever-600: #be3274;
--color-fuchsia-fever-700: #99285d;
--color-fuchsia-fever-800: #721b46;
--color-fuchsia-fever-900: #501231;
--color-fuchsia-fever-950: #35031d;
}SCSS
$fuchsia-fever: #fc64a5;
$fuchsia-fever-rgb: 252, 100, 165;
$fuchsia-fever-light: mix(#fff, $fuchsia-fever, 20%);
$fuchsia-fever-dark: mix(#000, $fuchsia-fever, 20%);
.element {
color: $fuchsia-fever;
box-shadow: 0 0 0 2px rgba($fuchsia-fever, 0.35);
}