COLOR #AE0274

HEX: #AE0274
RGB: (174,2,116)

Color info

#AE0274 contains mainly red and blue colors. Web safe color of #AE0274 is #990066 (or #906).

RGB color model

#AE0274 color RGB value is (174,2,116).

  • red value is 174;
  • green value is 2;
  • blue value is 116.
RGB:
(174,2,116)
(68%,1%,45%)

RGB channels and saturation

R 174 of 255 = 68%
G 2 of 255 = 1%
B 116 of 255 = 45%

174
2
116

R + G + B ~ 38%. #AE0274 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
174 + 2 + 116 = 292 (100%)
R 174 of 292 ~ 59.59%
G 2 of 292 ~ 0.68%
B 116 of 292 ~ 39.73%

%59.59
%39.73

CMYK color model

#AE0274 color CMYK value is (0,99,33,32).

  • cyan value is 0.00%
  • magenta value is 98.85%
  • yellow value is 33.33%
  • key color value is 31.76%
CMYK:
(0,99,33,32)
C0M99Y33K32 
(0%,99%,33%,32%)
(0.00/0.99/0.33/0.32)	

CMYK percentages

%0
%98.85
%33.33
%31.76

Codes

Color #AE0274 in popluar color models

AE0274
RGB1742116
HSL320°97.73%34.51%
HSB/HSV320°98.85%68.24%
CMYK0.00%98.85%33.33%
31.76%

Color #AE0274 in popluar number systems.

HEXAE0274
Decimal1742116
Binary10101110101110100
Octal2562164

Shades and tints

Shades of #AE0274

#AE0274
(174,2,116)
#9F026A
(159,2,106)
#900260
(144,2,96)
#810256
(129,2,86)
#72024C
(114,2,76)
#630242
(99,2,66)
#540238
(84,2,56)
#45022E
(69,2,46)
#360224
(54,2,36)
#27021A
(39,2,26)
#180210
(24,2,16)
#000000
(0,0,0)

Tints of #AE0274

#AE0274
(174,2,116)
#B51980
(181,25,128)
#BC308C
(188,48,140)
#C34798
(195,71,152)
#CA5EA4
(202,94,164)
#D175B0
(209,117,176)
#D88CBC
(216,140,188)
#DFA3C8
(223,163,200)
#E6BAD4
(230,186,212)
#EDD1E0
(237,209,224)
#F4E8EC
(244,232,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AE0274 color. Also use rgb(174,2,116) instead hex code.

Text Font Color

.myTextColor { color: #AE0274; }

<p style="color:#AE0274">This sample text font color is #AE0274.</p>

This text font color is #AE0274.


Background Color

.myBgColor { background-color: #AE0274; }

<div style="background-color:#AE0274">Inner text</div>

This div background color is #AE0274.


Border color

.myBorderColor { border: 1px solid #AE0274; }

<div style="border:3px solid #AE0274">Div</div>

This div border color is #AE0274.


Opacity

.myOpacity80 { color: #AE0274; opacity: 0.8; }

<p style="color:#AE0274;opacity:0.8;">80%</p>

Text with #AE0274 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #AE0274;}

<p style="text-shadow: 3px 3px 1px #AE0274">Text here.</p>

This text has shadow with #AE0274 color.

.textShadow {text-shadow: 3px 3px 1px #AE0274, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #AE0274, 5px 5px 20px red">Text here.</p>

This text has shadow with #AE0274 primary color and red secondary color.


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#AE0274, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#AE0274, Direction=45, Strength=4)">Text</p>

This text has shadow with #AE0274 and red colors in old Internet Explorer.


Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #AE0274;
  -webkit-box-shadow:	1px 1px 3px 2px #AE0274;
  box-shadow:		1px 1px 3px 2px #AE0274;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #AE0274;
-webkit-box-shadow: 1px 1px 3px 2px #AE0274;
box-shadow:1px 1px 3px 2px #AE0274;">
Div content here</div>
This div box has shadow with color #AE0274.

Preview

Color preview on black background

This text has color #AE0274 on black background.


Color preview on white background

This text has color #AE0274 on white background.



Black color preview on #AE0274 background

This text has black color on #AE0274 background.


White color preview on #AE0274 background

This text has white color on #AE0274 background.