Html Css Color HEX #AE1786 Medium Violet Red

📋 copy color: '#AE1786'

red 174 ◦ green 23 ◦ blue 134

#AE1786
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Medium Violet Red #AE1786

Tints of Medium Violet Red #AE1786

RGB

 RED value IS 174 (68.36% from 255) = 52.57%

 GREEN value IS 23 (9.38% from 255) = 6.95%

 BLUE value IS 134 (52.73% from 255) = 40.48%

R = 52.57%
G = 6.95%
B = 40.48%

CMYK

 C value IS 0

 M value IS 0.87

 Y value IS 0.23

 K value IS 0.32

RGB Variations

RGB:
RBG:
GRB:
GBR:
BRG:
BGR:

Color information

#AE1786 (or 0xAE1786) is known color: Medium Violet Red. HEX triplet: AE, 17 and 86. RGB value is (174,23,134). Sum of RGB (Red+Green+Blue) = 174+23+134=331 (43% of max value = 765). Red value is 174 (68.36% from 255 or 52.57% from 331); Green value is 23 (9.38% from 255 or 6.95% from 331); Blue value is 134 (52.73% from 255 or 40.48% from 331); Max value from RGB is 174 - color contains mainly: red. Hex color #AE1786 is not a web safe color. Web safe color analog (approx): #990099. Inversed color of #AE1786 is #51E879. Grayscale: #505050. Windows color (decimal): -5367930 or 8787886. OLE color: 8787886.

HSL color Cylindrical-coordinate representation of color #AE1786: hue angle of 315.89º degrees, saturation: 0.77, lightness: 0.39%. HSV value (or HSB Brightness) of color is 0.68% and HSV saturation: 0.87%. Process color model (Four color, CMYK) of #AE1786 is Cyan = 0, Magento = 0.87, Yellow = 0.23 and Black (K on CMYK) = 0.32.

Color convert

RGB 174 23 134 -
CMYK 0 0.87 0.23 0.32
HSL 315.89º 0.77% 0.39% -
HSV(B) 315.89º 0.87% 0.68% -
XYZ 22.07 11.33 23.58 -
YUV 80.8 158.03 194.47 -
System Red Green Blue C M Y K H S L
Decimal 174 23 134 0 0.87 0.23 0.32 315.89 0.77 0.39
Hex AE 17 86 0 57 17 20 13C 4D 27
Octal 256 27 206 0 127 27 40 474 115 47
Binary 10101110 10111 10000110 0 1010111 10111 100000 100111100 1001101 100111

Color Harmonies of #AE1786

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #AE1786

Black with #AE1786

Text Example


Text Example

White with #AE1786

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #AE1786; }

 p { color: rgb(174,23,134); }

 H1.HeaderClassName
 {
   color: #AE1786;
 }
 .AnyTagClassName
 {
   color: #AE1786;
 }
</style>

background-color css

<style>
 a { background-color: #AE1786; }

 a { background-color: rgb(174,23,134); }

 div.DivClassName
 {
   background-color: #AE1786;
 }
 .BgClassName
 {
   background-color: #AE1786;
 }
</style>

border-color css

<style>
 span { border-color: #AE1786; }

 span { border-color: rgb(174,23,134); }

 td.TdClassName
 {
   border-color: #AE1786;
 }
 .TagClassName
 {
   border-color: #AE1786;
 }
</style>