#559196 Information

#559196 color RGB value is (85 , 145 , 150) , HEX triplet: 55, 91 and 96. RGB value is (85 , 145 , 150). Sum of RGB (Red+Green+Blue) = 85+145+150=380 (Red value is 85 (33.33% from 255 or 39.53% from 215); Green value is 145 (56.86% from 255 or 67.44% 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 #559196 hue: 0.51 , saturation: 0.28 and the lightness value of 559196 is 0.46.

#559196
(85 , 145 , 150)
  • R (85)
  • G (145)
  • B (150)
  • C (25.49)
  • M (1.96)
  • Y (0)
  • K (41.18)

Applying the #559196

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

#508c91
#4b878c
#468287
#417d82
#3c787d
#377378
#326e73
#2d696e
#286469
#235f64
#1e5a5f
#19555a
#619da2
#6da9ae
#79b5ba
#85c1c6
#91cdd2
#9dd9de
#a9e5ea
#b5f1f6
#c1fdff
#cdffff
#d9ffff
#e5ffff

Color spaces of #559196

Type Values
RGB 85 145 150
HSL 0.51 0.28 0.46
HSV 185 43 59
CMYK 25.49 1.96 0 41.18
XYZ 19.3767 24.3841 32.5395
Hunter Lab 49.3803 -16.3721 -4.4898
CIE-Lab 56.4703 -18.0989 -8.7662

Base Numbers

BaseRedGreenBlue
Decimal 85 145 150
Binary 1010101 10010001 10010110
Octal 125 221 226
Hex 55 91 96

Monochromatic Colors

#6eaaaf
#87c3c8
#a0dce1
#b9f5fa
#d2ffff
#ebffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#559196 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#559196 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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