#554080 Information

#554080 color RGB value is (85 , 64 , 128) , HEX triplet: 55, 40 and 80. RGB value is (85 , 64 , 128). Sum of RGB (Red+Green+Blue) = 85+64+128=277 (Red value is 85 (33.33% from 255 or 39.53% from 215); Green value is 64 (25.1% from 255 or 29.77% from 215); Blue value is 128 (50.2% from 255 or 59.53% from 215); Max value from RGB is 128 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #554080 hue: 0.72 , saturation: 0.33 and the lightness value of 554080 is 0.38.

#554080
(85 , 64 , 128)
  • R (85)
  • G (64)
  • B (128)
  • C (16.86)
  • M (25.1)
  • Y (0)
  • K (49.8)

Applying the #554080

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

#503b7b
#4b3676
#463171
#412c6c
#3c2767
#372262
#321d5d
#2d1858
#281353
#230e4e
#1e0949
#190444
#614c8c
#6d5898
#7964a4
#8570b0
#917cbc
#9d88c8
#a994d4
#b5a0e0
#c1acec
#cdb8f8
#d9c4ff
#e5d0ff

Color spaces of #554080

Type Values
RGB 85 64 128
HSL 0.72 0.33 0.38
HSV 260 50 50
CMYK 16.86 25.1 0 49.8
XYZ 9.476 7.1566 21.304
Hunter Lab 26.7518 16.4124 -28.4727
CIE-Lab 32.1608 24.2559 -33.0726

Base Numbers

BaseRedGreenBlue
Decimal 85 64 128
Binary 1010101 1000000 10000000
Octal 125 100 200
Hex 55 40 80

Monochromatic Colors

#6e5999
#8772b2
#a08bcb
#b9a4e4
#d2bdfd
#ebd6ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#554080 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#554080 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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