Named color · #9F00C5
Foxy Fuchsia
Foxy Fuchsia is #9F00C5: rgb(159 0 197), hsl(288 100% 39%), oklch(0.52 0.253 317). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Foxy Fuchsia color name →
#9F00C5
oklch(0.52 0.253 317)
Color conversions
- HEX
- #9f00c5
- RGB
- rgb(159 0 197)
- HSL
- hsl(288 100% 39%)
- HWB
- hwb(288 0% 23%)
- OKLCH
- oklch(0.52 0.253 317)
- OKLab
- oklab(0.52 0.185 -0.173)
- CIE Lab
- lab(39.75 70.28 -61.46)
- LCH
- lch(39.75 93.36 318.8)
- CMYK
- cmyk(19% 100% 0% 23%)
Tints · Shades · Tones
Tints
- AA37CC
- B453D3
- BE6BDA
- C881E0
- D197E6
- DBACEC
- E4C1F1
- EDD5F6
- F6EAFB
Shades
- 8A00AB
- 750092
- 610079
- 4D0061
- 3B004B
- 290035
- 180021
- 09000E
- 010002
Tones
- 9D27BF
- 9A38B9
- 9846B2
- 9551AC
- 925AA5
- 8F639E
- 8B6B97
- 887290
- 847988
Color harmonies
Complementary +180°
- 9F00C5
Foxy Fuchsia
- 357C00
≈ Tree Green
Analogous -30° +30°
- 9F00C5
Foxy Fuchsia
- 6A34EE
≈ Almost Royal
- B80080
≈ Vibrant Velvet
Triadic +120° +240°
- 9F00C5
Foxy Fuchsia
- 8B5F00
≈ Rat Brown
- 00787A
≈ Prismarine
Split-complementary +150° +210°
- 9F00C5
Foxy Fuchsia
- 716C00
≈ Worn Olive
- 007C5C
≈ Sharp Green
Tetradic +90° +180° +270°
- 9F00C5
Foxy Fuchsia
- A84800
≈ Pepperoni
- 357C00
≈ Tree Green
- 007395
≈ Enchanted Blue
Contrast & accessibility
Ag
AAOn white
WCAG 6.40:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.28:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.40:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--foxy-fuchsia: #9f00c5;
--foxy-fuchsia-rgb: 159 0 197;
--foxy-fuchsia-oklch: oklch(0.52 0.253 317);
}
.element {
color: var(--foxy-fuchsia);
background-color: hsl(288 100% 39%);
border-color: oklch(0.52 0.253 317);
}Tailwind CSS v4
@theme {
--color-foxy-fuchsia: #9f00c5;
--color-foxy-fuchsia-50: #ffdeff;
--color-foxy-fuchsia-100: #ffcdff;
--color-foxy-fuchsia-200: #ffafff;
--color-foxy-fuchsia-300: #ed87ff;
--color-foxy-fuchsia-400: #d860fe;
--color-foxy-fuchsia-500: #c529f1;
--color-foxy-fuchsia-600: #a627cb;
--color-foxy-fuchsia-700: #8620a3;
--color-foxy-fuchsia-800: #61167c;
--color-foxy-fuchsia-900: #440f58;
--color-foxy-fuchsia-950: #2c003b;
}SCSS
$foxy-fuchsia: #9f00c5;
$foxy-fuchsia-rgb: 159, 0, 197;
$foxy-fuchsia-light: mix(#fff, $foxy-fuchsia, 20%);
$foxy-fuchsia-dark: mix(#000, $foxy-fuchsia, 20%);
.element {
color: $foxy-fuchsia;
box-shadow: 0 0 0 2px rgba($foxy-fuchsia, 0.35);
}