#682e50 (Tawny Port Color / Pantone 511 C / Red)

#682e50 Color Codes Conversion
Hex 682e50
RGB 104 , 46 , 80
RGB % 45.2, 20.0, 34.8
HSL 324.8, 38.7, 29.4
HSV 324.8, 55.8, 40.8
CMYK 0,142.2,58.8,151
XYZ 0.081, 0.055, 0.082
xyY 0.373, 0.251, 0.055
CIE-LAB 0.281, 0.305, -0.086
CIE-LUV 0.281, 0.311, -0.144
CIE-HCL 344.296, 0.316, 0.281
Binary 01101000,00101110,01010000

#682e50 HTML/CSS Color Name is Tawny Port / Pantone 511 C / Red.
In a RGB color space, #682e50 color RGB value is (Red:104,Green:46,Blue:80). it is composed of 45.2% red, 20.0% green and 34.8% blue. The process color (four color CMYK) of #682e50 color hex is 0,142.2,58.8,151. HSL of color #682e50 hue: 324.8 , saturation: 38.7 and the lightness value of 682e50 is 29.4. Mainly color is Red. Reverse color is: #97d1af.
The color codes conversion takes 1.329051 milliseconds.


Shades Colors of #682e50

Tints Colors of #682e50


Scheme of color #682e50

Web Safe
Generated Colors

#682e50 Preview (Html codes and CSS codes)

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

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

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

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

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

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