#5396AB Information

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

#5396ab
(83 , 150 , 171)
  • R (83)
  • G (150)
  • B (171)
  • C (34.51)
  • M (8.24)
  • Y (0)
  • K (32.94)

Applying the #5396ab

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

#4e91a6
#498ca1
#44879c
#3f8297
#3a7d92
#35788d
#307388
#2b6e83
#26697e
#216479
#1c5f74
#175a6f
#5fa2b7
#6baec3
#77bacf
#83c6db
#8fd2e7
#9bdef3
#a7eaff
#b3f6ff
#bfffff
#cbffff
#d7ffff
#e3ffff

Color spaces of #5396ab

Type Values
RGB 83 150 171
HSL 0.54 0.35 0.5
HSV 194 51 67
CMYK 34.51 8.24 0 32.94
XYZ 21.8243 26.592 42.5106
Hunter Lab 51.5674 -14.698 -12.7625
CIE-Lab 58.5947 -15.3533 -17.5643

Base Numbers

BaseRedGreenBlue
Decimal 83 150 171
Binary 1010011 10010110 10101011
Octal 123 226 253
Hex 53 96 AB

Monochromatic Colors

#6cafc4
#85c8dd
#9ee1f6
#b7faff
#d0ffff
#e9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5396ab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5396AB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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