#5397AB Information

#5397AB color RGB value is (83 , 151 , 171) , HEX triplet: 53, 97 and ab. RGB value is (83 , 151 , 171). Sum of RGB (Red+Green+Blue) = 83+151+171=405 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 151 (59.22% from 255 or 70.23% 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 #5397AB hue: 0.54 , saturation: 0.35 and the lightness value of 5397ab is 0.5.

#5397ab
(83 , 151 , 171)
  • R (83)
  • G (151)
  • B (171)
  • C (34.51)
  • M (7.84)
  • Y (0)
  • K (32.94)

Applying the #5397ab

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

#4e92a6
#498da1
#44889c
#3f8397
#3a7e92
#35798d
#307488
#2b6f83
#266a7e
#216579
#1c6074
#175b6f
#5fa3b7
#6bafc3
#77bbcf
#83c7db
#8fd3e7
#9bdff3
#a7ebff
#b3f7ff
#bfffff
#cbffff
#d7ffff
#e3ffff

Color spaces of #5397ab

Type Values
RGB 83 151 171
HSL 0.54 0.35 0.5
HSV 194 51 67
CMYK 34.51 7.84 0 32.94
XYZ 21.9846 26.9125 42.564
Hunter Lab 51.8773 -15.1401 -12.3148
CIE-Lab 58.8932 -15.8924 -17.1108

Base Numbers

BaseRedGreenBlue
Decimal 83 151 171
Binary 1010011 10010111 10101011
Octal 123 227 253
Hex 53 97 AB

Monochromatic Colors

#6cb0c4
#85c9dd
#9ee2f6
#b7fbff
#d0ffff
#e9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5397ab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5397AB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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