breadcrumb
Jacksons Purple
How Jacksons Purple is Used |
| calmnesscreate orderreduce stressrelaxsecure |
Industries that Commonly Use Jacksons Purple |
| accountingfinancehealth caresecuritytechnology |
Color Code Details
| HEX | #1f3a93 | |
| RGB | (31, 58, 147); | |
| RGBA | (31, 58, 147, 1) | |
| HSL | (226, 65%, 35%); | |
| HSLA | (226, 65%, 35%, 1); |
| HSV | 226,78,57 | |
| HSB | 226, 79, 58 | |
| HWB | 226 12% 42% | |
| CMYK | 79, 61, 0, 42 | |
| Pantone | 293 C |
Preview & Codes Examples
Text Color with Jacksons Purple |
|
| This Text has a Font Color of #1f3a93 | |
.text {color:#1f3a93;}
|
|
.text {color:rgba(31, 58, 147, 1);}
|
|
.text {color:hsl(309, 100%, 3%);}
|
Background Color Using Jacksons Purple |
|
| This element has a background color of #1f3a93 | |
.element {background-color:#1f3a93;}
|
|
.element {background-color:rgba(31, 58, 147, 1);}
|
|
.element {background-color:hsl(309, 100%, 3%);}
|
Border Styling with Jacksons Purple |
|
| This element has a border color of #1f3a93 | |
.element {border:1px solid #1f3a93;}
|
|
.element {border:1px solid rgba(31, 58, 147, 1);}
|
|
.element {border:1px solid hsl(309, 100%, 3%);}
|
Preview & Variables
CSS Variables |
|
--variable: #1f3a93;
|
Sass / SCSS |
|
$variable: #1f3a93;
|
Less |
|
@variable: #1f3a93;
|
Similar Blue Shades You Might Like
Blue colors bring calm, professionalism, and clarity. Ideal for corporate websites, finance apps, and healthcare design. Explore other flat UI blues that inspire trust and simplicity.