#ba224d (Old Rose Color / Pantone 7636 C / Red)

#ba224d Color Codes Conversion
Hex ba224d
RGB 186 , 34 , 77
RGB % 62.6, 11.4, 25.9
HSL 343, 69.1, 43.1
HSV 343, 81.7, 72.9
CMYK 0,208.4,149.4,69
XYZ 0.222, 0.121, 0.082
xyY 0.522, 0.285, 0.121
CIE-LAB 0.414, 0.603, 0.145
CIE-LUV 0.414, 1.023, 0.048
CIE-HCL 13.565, 0.62, 0.414
Binary 10111010,00100010,01001101

#ba224d HTML/CSS Color Name is Old Rose / Pantone 7636 C / Red.
In a RGB color space, #ba224d color RGB value is (Red:186,Green:34,Blue:77). it is composed of 62.6% red, 11.4% green and 25.9% blue. The process color (four color CMYK) of #ba224d color hex is 0,208.4,149.4,69. HSL of color #ba224d hue: 343 , saturation: 69.1 and the lightness value of ba224d is 43.1. Mainly color is Red. Reverse color is: #45ddb2.
The color codes conversion takes 1.933157 milliseconds.


Shades Colors of #ba224d

Tints Colors of #ba224d


Scheme of color #ba224d

Web Safe
Generated Colors

#ba224d Preview (Html codes and CSS codes)

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

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

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

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

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

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