breadcrumb
Electric Purple
How Electric Purple is Used |
| compine wisdomcreativityimpress with luxuryinspire |
Industries that Commonly Use Electric Purple |
| humanitarianpsychicreligion |
Color Code Details
| HEX | #a537fd | |
| RGB | (165, 55, 253); | |
| RGBA | (165, 55, 253, 1) | |
| HSL | (273, 98%, 60%); | |
| HSLA | (273, 98%, 60%, 1); |
| HSV | 273,78,99 | |
| HSB | 273, 78, 99 | |
| HWB | 273 22% 1% | |
| CMYK | 35, 78, 0, 1 | |
| Pantone | 2603 C |
Preview & Codes Examples
Text Color with Electric Purple |
|
| This Text has a Font Color of #a537fd | |
.text {color:#a537fd;}
|
|
.text {color:rgba(165, 55, 253, 1);}
|
|
.text {color:hsl(309, 100%, 3%);}
|
Background Color Using Electric Purple |
|
| This element has a background color of #a537fd | |
.element {background-color:#a537fd;}
|
|
.element {background-color:rgba(165, 55, 253, 1);}
|
|
.element {background-color:hsl(309, 100%, 3%);}
|
Border Styling with Electric Purple |
|
| This element has a border color of #a537fd | |
.element {border:1px solid #a537fd;}
|
|
.element {border:1px solid rgba(165, 55, 253, 1);}
|
|
.element {border:1px solid hsl(309, 100%, 3%);}
|
Preview & Variables
CSS Variables |
|
--variable: #a537fd;
|
Sass / SCSS |
|
$variable: #a537fd;
|
Less |
|
@variable: #a537fd;
|
Similar Purple Shades You Might Like
Purple is elegant and mysterious, used in creative, luxury, and spiritual designs. It evokes imagination and exclusivity. Browse more premium purple shades for design depth.