Named color · #6600FF
Electric Indigo
Electric Indigo is #6600FF: rgb(102 0 255), hsl(264 100% 50%), oklch(0.504 0.294 285.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Electric Indigo color name →
#6600FF
oklch(0.504 0.294 285.4)
Color conversions
- HEX
- #6600ff
- RGB
- rgb(102 0 255)
- HSL
- hsl(264 100% 50%)
- HWB
- hwb(264 0% 0%)
- OKLCH
- oklch(0.504 0.294 285.4)
- OKLab
- oklab(0.504 0.078 -0.283)
- CIE Lab
- lab(36.02 72.25 -101.07)
- LCH
- lch(36.02 124.24 305.6)
- CMYK
- cmyk(60% 100% 0% 0%)
Tints · Shades · Tones
Tints
- 703FFF
- 7B5DFF
- 8875FF
- 978BFF
- A69FFF
- B7B3FF
- C8C6FF
- DADAFF
- ECECFF
Shades
- 5800DE
- 4A00BE
- 3C009E
- 2F0080
- 230063
- 170048
- 0C002E
- 040016
- 000003
Tones
- 662DF3
- 6640E7
- 684EDB
- 6959CF
- 6C62C3
- 6F69B6
- 7370AA
- 77769C
- 7B7B8F
Color harmonies
Complementary +180°
- 6600FF
Electric Indigo
- 6D6700
≈ Earthy Khaki Green
Analogous -30° +30°
- 6600FF
Electric Indigo
- 0062C1
≈ Amnesia Blue
- 9700C1
≈ Foxy Fuchsia
Triadic +120° +240°
- 6600FF
Electric Indigo
- A34200
≈ Powdered Coffee
- 007755
≈ Victoria Peak
Split-complementary +150° +210°
- 6600FF
Electric Indigo
- 875A00
≈ Soil of Avagddu
- 3A7600
≈ Gardens Sericourt
Tetradic +90° +180° +270°
- 6600FF
Electric Indigo
- BB003C
≈ Traditional Rose
- 6D6700
≈ Earthy Khaki Green
- 007374
≈ Natural Instinct Green
Contrast & accessibility
Ag
AAOn white
WCAG 6.97:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.00:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.97:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--electric-indigo: #6600ff;
--electric-indigo-rgb: 102 0 255;
--electric-indigo-oklch: oklch(0.504 0.294 285.4);
}
.element {
color: var(--electric-indigo);
background-color: hsl(264 100% 50%);
border-color: oklch(0.504 0.294 285.4);
}Tailwind CSS v4
@theme {
--color-electric-indigo: #6600ff;
--color-electric-indigo-50: #f0e8ff;
--color-electric-indigo-100: #e2d8ff;
--color-electric-indigo-200: #cebdff;
--color-electric-indigo-300: #b396ff;
--color-electric-indigo-400: #9870ff;
--color-electric-indigo-500: #853aff;
--color-electric-indigo-600: #7035ff;
--color-electric-indigo-700: #592bd5;
--color-electric-indigo-800: #3e1fa1;
--color-electric-indigo-900: #2a1573;
--color-electric-indigo-950: #190251;
}SCSS
$electric-indigo: #6600ff;
$electric-indigo-rgb: 102, 0, 255;
$electric-indigo-light: mix(#fff, $electric-indigo, 20%);
$electric-indigo-dark: mix(#000, $electric-indigo, 20%);
.element {
color: $electric-indigo;
box-shadow: 0 0 0 2px rgba($electric-indigo, 0.35);
}