#480AA4 Information

#480AA4 color RGB value is (72 , 10 , 164) , HEX triplet: 48, a and a4. RGB value is (72 , 10 , 164). Sum of RGB (Red+Green+Blue) = 72+10+164=246 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 10 (3.92% from 255 or 4.65% from 215); Blue value is 164 (64.31% from 255 or 76.28% from 215); Max value from RGB is 164 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #480AA4 hue: 0.73 , saturation: 0.89 and the lightness value of 480aa4 is 0.34.

#480aa4
(72 , 10 , 164)
  • R (72)
  • G (10)
  • B (164)
  • C (36.08)
  • M (60.39)
  • Y (0)
  • K (35.69)

Applying the #480aa4

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#43059f
#3e009a
#390095
#340090
#2f008b
#2a0086
#250081
#20007c
#1b0077
#160072
#11006d
#0c0068
#5416b0
#6022bc
#6c2ec8
#783ad4
#8446e0
#9052ec
#9c5ef8
#a86aff
#b476ff
#c082ff
#cc8eff
#d89aff

Color spaces of #480aa4

Type Values
RGB 72 10 164
HSL 0.73 0.89 0.34
HSV 264 94 64
CMYK 36.08 60.39 0 35.69
XYZ 9.4819 4.2751 35.4474
Hunter Lab 20.6764 45.6735 -87.1354
CIE-Lab 24.5609 57.0618 -67.6525

Base Numbers

BaseRedGreenBlue
Decimal 72 10 164
Binary 1001000 1010 10100100
Octal 110 12 244
Hex 48 A A4

Monochromatic Colors

#6123bd
#7a3cd6
#9355ef
#ac6eff
#c587ff
#dea0ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#480aa4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#480AA4 Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#480aa4">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#480aa4">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #480aa4">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #480aa4;
box-shadow: 1px 1px 4px #480aa4">You are Awesome</p>