Html Css Color HEX #5225A8 Purple Heart

📋 copy color: '#5225A8'

red 82 ◦ green 37 ◦ blue 168

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

Shades of Purple Heart #5225A8

#5225A8
#421E86
#35186B
#2A1356
#220F45
#1B0C37
#160A2C
#120823
#0E061C
#0B0516
#090412
#07030E
Black

Tints of Purple Heart #5225A8

#5225A8
#7551B9
#9174C7
#A790D2
#B9A6DB
#C7B8E2
#D2C6E8
#DBD1ED
#E2DAF1
#E8E1F4
#EDE7F6
#F1ECF8
White

RGB

 RED value IS 82 (32.42% from 255) = 28.57%

 GREEN value IS 37 (14.84% from 255) = 12.89%

 BLUE value IS 168 (66.02% from 255) = 58.54%

R = 28.57%
G = 12.89%
B = 58.54%

CMYK

 C value IS 0.51

 M value IS 0.78

 Y value IS 0

 K value IS 0.34

RGB Variations

RGB:
#5225A8
RBG:
#52A825
GRB:
#2552A8
GBR:
#25A852
BRG:
#A852A8
BGR:
#A82552

Color information

#5225A8 (or 0x5225A8) is known color: Purple Heart. HEX triplet: 52, 25 and A8. RGB value is (82,37,168). Sum of RGB (Red+Green+Blue) = 82+37+168=287 (38% of max value = 765). Red value is 82 (32.42% from 255 or 28.57% from 287); Green value is 37 (14.84% from 255 or 12.89% from 287); Blue value is 168 (66.02% from 255 or 58.54% from 287); Max value from RGB is 168 - color contains mainly: blue. Hex color #5225A8 is not a web safe color. Web safe color analog (approx): #663399. Inversed color of #5225A8 is #ADDA57. Grayscale: #404040. Windows color (decimal): -11393624 or 11019602. OLE color: 11019602.

HSL color Cylindrical-coordinate representation of color #5225A8: hue angle of 260.61º degrees, saturation: 0.64, lightness: 0.4%. HSV value (or HSB Brightness) of color is 0.66% and HSV saturation: 0.78%. Process color model (Four color, CMYK) of #5225A8 is Cyan = 0.51, Magento = 0.78, Yellow = 0 and Black (K on CMYK) = 0.34.

Color convert

RGB 82 37 168 -
CMYK 0.51 0.78 0 0.34
HSL 260.61º 0.64% 0.4% -
HSV(B) 260.61º 0.78% 0.66% -
XYZ 11.21 5.94 37.6 -
YUV 65.39 185.91 139.85 -
System Red Green Blue C M Y K H S L
Decimal 82 37 168 0.51 0.78 0 0.34 260.61 0.64 0.4
Hex 52 25 A8 33 4E 0 22 105 40 28
Octal 122 45 250 63 116 0 42 405 100 50
Binary 1010010 100101 10101000 110011 1001110 0 100010 100000101 1000000 101000

Color Harmonies of #5225A8

Triadic Colors

#A85225
#25A852

Analogous colors

#9425A8
#253AA8

Split complements colors

#A89425
#3AA825

Complementary color

#7BA825

Monochromatic Colors of #5225A8

#D4C9E9
#A993D4
#7E6E9F
#3D1B7E
#291354
#1E0E3F

Black with #5225A8

Text Example


Text Example

White with #5225A8

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #5225A8; }

 p { color: rgb(82,37,168); }

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

background-color css

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

 a { background-color: rgb(82,37,168); }

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

border-color css

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

 span { border-color: rgb(82,37,168); }

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