#6a7ce9 (Cornflower Blue Color / Pantone 2718 C / Blue)

#6a7ce9
RGB(105,124,233)
#6a7ce9 Color Codes Conversion
Hex 6a7ce9
RGB 105 , 124 , 233
RGB % 22.7, 26.8, 50.4
HSL 231.5, 74.3, 66.5
HSV 231.5, 54.5, 91.4
CMYK 139,119.3,0,22
XYZ 0.279, 0.234, 0.801
xyY 0.212, 0.178, 0.234
CIE-LAB 0.554, 0.242, -0.574
CIE-LUV 0.554, -0.128, -0.926
CIE-HCL 292.847, 0.623, 0.554
Binary 01101001,01111100,11101001

#6a7ce9 HTML/CSS Color Name is Cornflower Blue / Pantone 2718 C / Blue.
In a RGB color space, #6a7ce9 color RGB value is (Red:105,Green:124,Blue:233). it is composed of 22.7% red, 26.8% green and 50.4% blue. The process color (four color CMYK) of #6a7ce9 color hex is 139,119.3,0,22. HSL of color #6a7ce9 hue: 231.5 , saturation: 74.3 and the lightness value of 6a7ce9 is 66.5. Mainly color is Blue. Reverse color is: #968316.
The color codes conversion takes 1.537015 milliseconds.

 

Shades Colors of #6a7ce9

Tints Colors of #6a7ce9

 

Scheme of color #6a7ce9

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#6a7ce9 Preview (Html codes and CSS codes)

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

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

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

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

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

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