#A34530 Color Information


In the RGB color space, #A34530 is composed of 63.9216% red, 27.0588% green, and 18.8235% blue.

In the CMYK color space, #A34530 is composed of 0% cyan, 57.67% magenta, 70.56% yellow, and 36.08% black,

It has a hue angle of 11.0 degrees, a saturation of 54.51%, and a lightness of 41.37%.

The closest websafe color is #993333.

#A34530 RGB Values

#A34530 CMYK Values



#A34530 Color Conversion


The hexadecimal color #A34530 has RGB values of R:163, G:69, B:48 and CMYK values of C:0, M:57.67, Y:70.56, K:36.08. It has a decimal value of 10700080.


Hexadecimal #A34530 #A34530
RGB Decimal 163, 69, 48 rgb(163, 69, 48)
RGB Percent 63.9216, 27.0588, 18.8235 rgb(63.9216%, 27.0588%, 18.8235%)
RGB Proportion 0.6392, 0.2706, 0.1882 rgb(0.6392, 0.2706, 0.1882)
CMYK 0, 57.67, 70.56, 36.08
HSL 11.0ยบ, 54.51, 41.37 hsl(11.0, 54.51%, 41.37%)
Websafe 993333 #993333
XYZ 17.765, 12.256, 4.225
Yxy 12.256, 0.519, 0.358
CIE-LAB 41.62, 37.514, 31.635
CIE-LCH 41.62, 49.072, 40.14
CIE-LUV 41.62, 72.384, 25.121
Hunter-Lab 35.009, 29.314, 17.351

Color Schemes For #A34530


Colors that go well with #A34530.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #A34530


Colors similar to #A34530.


#A34530 Preview


Common HTML and CSS shortcodes for #A34530.

Text with color #A34530


The quick brown fox jumps over the lazy dog.

<div style="color: #A34530;">The quick brown fox jumps over the lazy dog.</div>

#A34530 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #A34530;">The quick brown fox jumps over the lazy dog.</div>

Border with #A34530


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #A34530;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #A34530


Linear gradient from #A34530 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#A34530, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #A34530


Radial gradient from #A34530 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#A34530, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #A34530 and its Complementary Color


Linear gradient from #A34530 to #5CBACF.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#A34530, #5CBACF);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #A34530 and its Complementary Color


Radial gradient from #A34530 to #5CBACF.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#A34530, #5CBACF);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #A34530; } .background { background-color: #A34530; } .border { border: 1px solid #A34530; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #A34530


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020201 while the lightest tint is #FEFCFC.

Shades


Tints

Random Colors