#555196 Information

#555196 color RGB value is (85 , 81 , 150) , HEX triplet: 55, 51 and 96. RGB value is (85 , 81 , 150). Sum of RGB (Red+Green+Blue) = 85+81+150=316 (Red value is 85 (33.33% from 255 or 39.53% from 215); Green value is 81 (31.76% from 255 or 37.67% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 150 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #555196 hue: 0.68 , saturation: 0.3 and the lightness value of 555196 is 0.45.

#555196
(85 , 81 , 150)
  • R (85)
  • G (81)
  • B (150)
  • C (25.49)
  • M (27.06)
  • Y (0)
  • K (41.18)

Applying the #555196

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

#504c91
#4b478c
#464287
#413d82
#3c387d
#373378
#322e73
#2d296e
#282469
#231f64
#1e1a5f
#19155a
#615da2
#6d69ae
#7975ba
#8581c6
#918dd2
#9d99de
#a9a5ea
#b5b1f6
#c1bdff
#cdc9ff
#d9d5ff
#e5e1ff

Color spaces of #555196

Type Values
RGB 85 81 150
HSL 0.68 0.3 0.45
HSV 243 46 59
CMYK 25.49 27.06 0 41.18
XYZ 12.1938 10.0182 30.1452
Hunter Lab 31.6515 13.3773 -34.292
CIE-Lab 37.875 19.9558 -37.4635

Base Numbers

BaseRedGreenBlue
Decimal 85 81 150
Binary 1010101 1010001 10010110
Octal 125 121 226
Hex 55 51 96

Monochromatic Colors

#6e6aaf
#8783c8
#a09ce1
#b9b5fa
#d2ceff
#ebe7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#555196 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#555196 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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