#4018d0 (Purple Heart Color / Crayola Ultramarine Blue / Violet)

#4018d0
RGB(64,24,208)
#4018d0 Color Codes Conversion
Hex 4018d0
RGB 64 , 24 , 208
RGB % 21.6, 8.1, 70.3
HSL 253, 79.3, 45.5
HSV 253, 88.5, 81.6
CMYK 176.5,225.6,0,47
XYZ 0.138, 0.063, 0.601
xyY 0.172, 0.078, 0.063
CIE-LAB 0.301, 0.64, -0.845
CIE-LUV 0.301, -0.025, -1.066
CIE-HCL 307.138, 1.06, 0.301
Binary 01000000,00011000,11010000

#4018d0 HTML/CSS Color Name is Purple Heart / Crayola Ultramarine Blue / Violet.
In a RGB color space, #4018d0 color RGB value is (Red:64,Green:24,Blue:208). it is composed of 21.6% red, 8.1% green and 70.3% blue. The process color (four color CMYK) of #4018d0 color hex is 176.5,225.6,0,47. HSL of color #4018d0 hue: 253 , saturation: 79.3 and the lightness value of 4018d0 is 45.5. Mainly color is Violet. Reverse color is: #bfe72f.
The color codes conversion takes 2.000266 milliseconds.

 

Shades Colors of #4018d0

Tints Colors of #4018d0

 

Scheme of color #4018d0

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#4018d0 Preview (Html codes and CSS codes)

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

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

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

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

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

Div Box Shadow
Content here
<div style="-moz-box-shadow: 1px 1px 3px 2px #4018d0;
  -webkit-box-shadow: 1px 1px 3px 2px #4018d0;
  box-shadow:         1px 1px 3px 2px #4018d0;">
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