breadcrumb
Neon Indigo
How Neon Indigo is Used |
| compine wisdomcreativityimpress with luxuryinspire |
Industries that Commonly Use Neon Indigo |
| humanitarianpsychicreligion |
Color Code Details
| HEX | #6f3ff5 | |
| RGB | (111, 63, 245); | |
| RGBA | (111, 63, 245, 1) | |
| HSL | (256, 90%, 60%); | |
| HSLA | (256, 90%, 60%, 1); |
| HSV | 255,74,96 | |
| HSB | 256, 74, 96 | |
| HWB | 255 25% 4% | |
| CMYK | 55, 74, 0, 4 | |
| Pantone | 2603 C |
Preview & Codes Examples
Text Color with Neon Indigo |
|
| This Text has a Font Color of #6f3ff5 | |
.text {color:#6f3ff5;}
|
|
.text {color:rgba(111, 63, 245, 1);}
|
|
.text {color:hsl(309, 100%, 3%);}
|
Background Color Using Neon Indigo |
|
| This element has a background color of #6f3ff5 | |
.element {background-color:#6f3ff5;}
|
|
.element {background-color:rgba(111, 63, 245, 1);}
|
|
.element {background-color:hsl(309, 100%, 3%);}
|
Border Styling with Neon Indigo |
|
| This element has a border color of #6f3ff5 | |
.element {border:1px solid #6f3ff5;}
|
|
.element {border:1px solid rgba(111, 63, 245, 1);}
|
|
.element {border:1px solid hsl(309, 100%, 3%);}
|
Preview & Variables
CSS Variables |
|
--variable: #6f3ff5;
|
Sass / SCSS |
|
$variable: #6f3ff5;
|
Less |
|
@variable: #6f3ff5;
|
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.