Nearest named color · #7802A8
#7802A8
Nearest named color: Fuchsia Nebula
#7802A8 (rgb(120 2 168), hsl(283 98% 33%), oklch(0.44 0.22 311)) is closest to the named color Fuchsia Nebula. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7802A8
oklch(0.44 0.22 311)
Color conversions
- HEX
- #7802a8
- RGB
- rgb(120 2 168)
- HSL
- hsl(283 98% 33%)
- HWB
- hwb(283 1% 34%)
- OKLCH
- oklch(0.44 0.22 311)
- OKLab
- oklab(0.44 0.144 -0.166)
- CIE Lab
- lab(30.87 59.61 -59.07)
- LCH
- lch(30.87 83.92 315.3)
- CMYK
- cmyk(29% 99% 0% 34%)
Tints · Shades · Tones
Tints
- 8531B2
- 924CBC
- A064C5
- AD7ACE
- BB90D7
- C8A6E0
- D6BCE8
- E3D2F0
- F1E9F8
Shades
- 670192
- 57017C
- 480167
- 390052
- 2A003F
- 1D002C
- 10001A
- 05000A
- 010001
Tones
- 7922A5
- 7A33A2
- 7B409E
- 7C4B9B
- 7D5597
- 7E5E93
- 7F678F
- 7F708A
- 807885
Color harmonies
Complementary +180°
- 7802A8
Fuchsia Nebula
- 3A5F00
≈ Lustrian Undergrowth
Analogous -30° +30°
- 7802A8
Fuchsia Nebula
- 482BC5
≈ Blue Depression
- 900071
≈ Royal Purpleness
Triadic +120° +240°
- 7802A8
Fuchsia Nebula
- 724800
≈ Antique Bronze
- 005F5C
≈ Mosque
Split-complementary +150° +210°
- 7802A8
Fuchsia Nebula
- 5E5300
≈ Olive Brown
- 006240
≈ Aotake Bamboo
Tetradic +90° +180° +270°
- 7802A8
Fuchsia Nebula
- 8C3000
≈ Red Tone Ink
- 3A5F00
≈ Lustrian Undergrowth
- 005C72
≈ Octagon Ocean
Contrast & accessibility
Ag
AAAOn white
WCAG 8.85:1 · APCA Lc 88
Ag
FailOn black
WCAG 2.37:1 · APCA Lc 14
Best text color: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--fuchsia-nebula: #7802a8;
--fuchsia-nebula-rgb: 120 2 168;
--fuchsia-nebula-oklch: oklch(0.44 0.22 311);
}
.element {
color: var(--fuchsia-nebula);
background-color: hsl(283 98% 33%);
border-color: oklch(0.44 0.22 311);
}Tailwind CSS v4
@theme {
--color-fuchsia-nebula: #7802a8;
--color-fuchsia-nebula-50: #ffe3ff;
--color-fuchsia-nebula-100: #ffd3ff;
--color-fuchsia-nebula-200: #f5b8ff;
--color-fuchsia-nebula-300: #de92ff;
--color-fuchsia-nebula-400: #c770fc;
--color-fuchsia-nebula-500: #b448ee;
--color-fuchsia-nebula-600: #983fc9;
--color-fuchsia-nebula-700: #7a32a1;
--color-fuchsia-nebula-800: #58247a;
--color-fuchsia-nebula-900: #3e1856;
--color-fuchsia-nebula-950: #27073a;
}SCSS
$fuchsia-nebula: #7802a8;
$fuchsia-nebula-rgb: 120, 2, 168;
$fuchsia-nebula-light: mix(#fff, $fuchsia-nebula, 20%);
$fuchsia-nebula-dark: mix(#000, $fuchsia-nebula, 20%);
.element {
color: $fuchsia-nebula;
box-shadow: 0 0 0 2px rgba($fuchsia-nebula, 0.35);
}