#555571 Information

#555571 color RGB value is (85 , 85 , 113) , HEX triplet: 55, 55 and 71. RGB value is (85 , 85 , 113). Sum of RGB (Red+Green+Blue) = 85+85+113=283 (Red value is 85 (33.33% from 255 or 39.53% from 215); Green value is 85 (33.33% from 255 or 39.53% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 113 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #555571 hue: 0.67 , saturation: 0.14 and the lightness value of 555571 is 0.39.

#555571
(85 , 85 , 113)
  • R (85)
  • G (85)
  • B (113)
  • C (10.98)
  • M (10.98)
  • Y (0)
  • K (55.69)

Applying the #555571

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

#50506c
#4b4b67
#464662
#41415d
#3c3c58
#373753
#32324e
#2d2d49
#282844
#23233f
#1e1e3a
#191935
#61617d
#6d6d89
#797995
#8585a1
#9191ad
#9d9db9
#a9a9c5
#b5b5d1
#c1c1dd
#cdcde9
#d9d9f5
#e5e5ff

Color spaces of #555571

Type Values
RGB 85 85 113
HSL 0.67 0.14 0.39
HSV 240 25 44
CMYK 10.98 10.98 0 55.69
XYZ 9.9754 9.6205 16.954
Hunter Lab 31.017 3.1282 -10.6847
CIE-Lab 37.1526 6.7433 -15.9546

Base Numbers

BaseRedGreenBlue
Decimal 85 85 113
Binary 1010101 1010101 1110001
Octal 125 125 161
Hex 55 55 71

Monochromatic Colors

#6e6e8a
#8787a3
#a0a0bc
#b9b9d5
#d2d2ee
#ebebff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#555571 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#555571 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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