#3b477d (Jacksons Purple Color / Pantone 7672 C / Violet)

#3b477d
RGB(59,71,125)
#3b477d Color Codes Conversion
Hex 3b477d
RGB 59 , 71 , 125
RGB % 23.1, 27.8, 49.0
HSL 229.1, 35.9, 36.1
HSV 229.1, 52.8, 49
CMYK 134.6,110.2,0,130
XYZ 0.078, 0.069, 0.203
xyY 0.222, 0.198, 0.069
CIE-LAB 0.316, 0.116, -0.322
CIE-LUV 0.316, -0.074, -0.442
CIE-HCL 289.877, 0.342, 0.316
Binary 00111011,01000111,01111101

#3b477d HTML/CSS Color Name is Jacksons Purple / Pantone 7672 C / Violet.
In a RGB color space, #3b477d color RGB value is (Red:59,Green:71,Blue:125). it is composed of 23.1% red, 27.8% green and 49.0% blue. The process color (four color CMYK) of #3b477d color hex is 134.6,110.2,0,130. HSL of color #3b477d hue: 229.1 , saturation: 35.9 and the lightness value of 3b477d is 36.1. Mainly color is Violet. Reverse color is: #c4b882.
The color codes conversion takes 1.328324 milliseconds.

 

Shades Colors of #3b477d

Tints Colors of #3b477d

 

Scheme of color #3b477d

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#3b477d Preview (Html codes and CSS codes)

CSS codes
.bgcolor {background-color:#3b477d; 
.textcolor {color:#3b477d; }
.bordercolor {border:3px solid #3b477d; }

Text color
This text has a font color of #3b477d.
<p style="color:#3b477d">Text here</p>

Background color
This block has a background color of #3b477d.
<p style="background-color:#3b477d;">Content here</p>

Border color
This element has a border color of #3b477d.
<div style="border:1px solid #3b477d;">Content here</div>
CSS3 Shadow codes
.textShadow { 
  text-shadow: 4px 4px 2px #3b477d; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #3b477d;
  -webkit-box-shadow: 1px 1px 3px 2px #3b477d;
  box-shadow:         1px 1px 3px 2px #3b477d; }

Text Shadow
This text has a font color of #3b477d.
<p style="text-shadow: 4px 4px 2px #3b477d">Text here</p>

Div Box Shadow
Content here
<div style="-moz-box-shadow: 1px 1px 3px 2px #3b477d;
  -webkit-box-shadow: 1px 1px 3px 2px #3b477d;
  box-shadow:         1px 1px 3px 2px #3b477d;">
Content here</div>

 

Random warm Colors

Random happy Colors

Palettes warm Colors

Palettes happy Colors

 

© 2017 - 2028 HexColors.org All Rights Reserved. A free Html color codes tool. privacy