#555BAB Information

#555BAB color RGB value is (85 , 91 , 171) , HEX triplet: 55, 5b and ab. RGB value is (85 , 91 , 171). Sum of RGB (Red+Green+Blue) = 85+91+171=347 (Red value is 85 (33.33% from 255 or 39.53% from 215); Green value is 91 (35.69% from 255 or 42.33% from 215); Blue value is 171 (67.06% from 255 or 79.53% from 215); Max value from RGB is 171 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #555BAB hue: 0.66 , saturation: 0.34 and the lightness value of 555bab is 0.5.

#555bab
(85 , 91 , 171)
  • R (85)
  • G (91)
  • B (171)
  • C (33.73)
  • M (31.37)
  • Y (0)
  • K (32.94)

Applying the #555bab

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

#5056a6
#4b51a1
#464c9c
#414797
#3c4292
#373d8d
#323888
#2d3383
#282e7e
#232979
#1e2474
#191f6f
#6167b7
#6d73c3
#797fcf
#858bdb
#9197e7
#9da3f3
#a9afff
#b5bbff
#c1c7ff
#cdd3ff
#d9dfff
#e5ebff

Color spaces of #555bab

Type Values
RGB 85 91 171
HSL 0.66 0.34 0.5
HSV 236 50 67
CMYK 33.73 31.37 0 32.94
XYZ 14.8381 12.3537 40.1305
Hunter Lab 35.1479 13.8472 -43.0671
CIE-Lab 41.7729 20.2046 -43.7869

Base Numbers

BaseRedGreenBlue
Decimal 85 91 171
Binary 1010101 1011011 10101011
Octal 125 133 253
Hex 55 5B AB

Monochromatic Colors

#6e74c4
#878ddd
#a0a6f6
#b9bfff
#d2d8ff
#ebf1ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#555bab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#555BAB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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