breadcrumb
Studio
How Studio is Used |
| calmnesscreativitythoughtfulness |
Industries that Commonly Use Studio |
| artlife coachingmentoring |
Color Code Details
| HEX | #8e44ad | |
| RGB | (142, 68, 173); | |
| RGBA | (142, 68, 173, 1) | |
| HSL | (282, 44%, 47%); | |
| HSLA | (282, 44%, 47%, 1); |
| HSV | 282,60,67 | |
| HSB | 282, 61, 68 | |
| HWB | 282 27% 32% | |
| CMYK | 18, 61, 0, 32 | |
| Pantone | 2587 C |
Preview & Codes Examples
Text Color with Studio |
|
| This Text has a Font Color of #8e44ad | |
.text {color:#8e44ad;}
|
|
.text {color:rgba(142, 68, 173, 1);}
|
|
.text {color:hsl(309, 100%, 3%);}
|
Background Color Using Studio |
|
.element {background-color:#8e44ad;}
|
|
.element {background-color:rgba(142, 68, 173, 1);}
|
|
.element {background-color:hsl(309, 100%, 3%);}
|
Border Styling with Studio |
|
| This element has a border color of #8e44ad | |
.element {border:1px solid #8e44ad;}
|
|
.element {border:1px solid rgba(142, 68, 173, 1);}
|
|
.element {border:1px solid hsl(309, 100%, 3%);}
|
Preview & Variables
CSS Variables |
|
--variable: #8e44ad;
|
Sass / SCSS |
|
$variable: #8e44ad;
|
Less |
|
@variable: #8e44ad;
|
Similar Magenta Shades You Might Like
Magenta is bold and creative, often used in fashion, digital art, and lifestyle brands. It blends energy and uniqueness. Discover more vibrant magentas for expressive design.