#517B97 Information

#517B97 color RGB value is (81 , 123 , 151) , HEX triplet: 51, 7b and 97. RGB value is (81 , 123 , 151). Sum of RGB (Red+Green+Blue) = 81+123+151=355 (Red value is 81 (31.76% from 255 or 37.67% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 151 (59.22% from 255 or 70.23% from 215); Max value from RGB is 151 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #517B97 hue: 0.57 , saturation: 0.3 and the lightness value of 517b97 is 0.45.

#517b97
(81 , 123 , 151)
  • R (81)
  • G (123)
  • B (151)
  • C (27.45)
  • M (10.98)
  • Y (0)
  • K (40.78)

Applying the #517b97

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

#4c7692
#47718d
#426c88
#3d6783
#38627e
#335d79
#2e5874
#29536f
#244e6a
#1f4965
#1a4460
#153f5b
#5d87a3
#6993af
#759fbb
#81abc7
#8db7d3
#99c3df
#a5cfeb
#b1dbf7
#bde7ff
#c9f3ff
#d5ffff
#e1ffff

Color spaces of #517b97

Type Values
RGB 81 123 151
HSL 0.57 0.3 0.45
HSV 204 46 59
CMYK 27.45 10.98 0 40.78
XYZ 16.0622 18.1496 31.9348
Hunter Lab 42.6024 -7.2547 -14.6065
CIE-Lab 49.6771 -6.6563 -19.6452

Base Numbers

BaseRedGreenBlue
Decimal 81 123 151
Binary 1010001 1111011 10010111
Octal 121 173 227
Hex 51 7B 97

Monochromatic Colors

#6a94b0
#83adc9
#9cc6e2
#b5dffb
#cef8ff
#e7ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#517b97 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#517B97 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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