#AE344A Color Information


In the RGB color space, #AE344A is composed of 68.2353% red, 20.3922% green, and 29.0196% blue.

In the CMYK color space, #AE344A is composed of 0% cyan, 70.12% magenta, 57.47% yellow, and 31.76% black,

It has a hue angle of 349.2 degrees, a saturation of 53.99%, and a lightness of 44.31%.

The closest websafe color is #993333.

#AE344A RGB Values

#AE344A CMYK Values



#AE344A Color Conversion


The hexadecimal color #AE344A has RGB values of R:174, G:52, B:74 and CMYK values of C:0, M:70.12, Y:57.47, K:31.76. It has a decimal value of 11416650.


Hexadecimal #AE344A #AE344A
RGB Decimal 174, 52, 74 rgb(174, 52, 74)
RGB Percent 68.2353, 20.3922, 29.0196 rgb(68.2353%, 20.3922%, 29.0196%)
RGB Proportion 0.6824, 0.2039, 0.2902 rgb(0.6824, 0.2039, 0.2902)
CMYK 0, 70.12, 57.47, 31.76
HSL 349.2ยบ, 53.99, 44.31 hsl(349.2, 53.99%, 44.31%)
Websafe 993333 #993333
XYZ 19.922, 11.95, 7.735
Yxy 11.95, 0.503, 0.302
CIE-LAB 41.137, 50.73, 15.68
CIE-LCH 41.137, 53.098, 17.176
CIE-LUV 41.137, 85.836, 8.183
Hunter-Lab 34.569, 42.374, 10.932

Color Schemes For #AE344A


Colors that go well with #AE344A.

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

Alternatives to #AE344A


Colors similar to #AE344A.


#AE344A Preview


Common HTML and CSS shortcodes for #AE344A.

Text with color #AE344A


The quick brown fox jumps over the lazy dog.

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

#AE344A as background color


The quick brown fox jumps over the lazy dog.

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

Border with #AE344A


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #AE344A


Linear gradient from #AE344A to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #AE344A


Radial gradient from #AE344A to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #AE344A and its Complementary Color


Linear gradient from #AE344A to #51CBB5.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #AE344A and its Complementary Color


Radial gradient from #AE344A to #51CBB5.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #AE344A; } .background { background-color: #AE344A; } .border { border: 1px solid #AE344A; } .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 #AE344A


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

Shades


Tints

Random Colors