#5393AC Information

#5393AC color RGB value is (83 , 147 , 172) , HEX triplet: 53, 93 and ac. RGB value is (83 , 147 , 172). Sum of RGB (Red+Green+Blue) = 83+147+172=402 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 147 (57.65% from 255 or 68.37% from 215); Blue value is 172 (67.45% from 255 or 80% from 215); Max value from RGB is 172 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5393AC hue: 0.55 , saturation: 0.35 and the lightness value of 5393ac is 0.5.

#5393ac
(83 , 147 , 172)
  • R (83)
  • G (147)
  • B (172)
  • C (34.9)
  • M (9.8)
  • Y (0)
  • K (32.55)

Applying the #5393ac

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

#4e8ea7
#4989a2
#44849d
#3f7f98
#3a7a93
#35758e
#307089
#2b6b84
#26667f
#21617a
#1c5c75
#175770
#5f9fb8
#6babc4
#77b7d0
#83c3dc
#8fcfe8
#9bdbf4
#a7e7ff
#b3f3ff
#bfffff
#cbffff
#d7ffff
#e3ffff

Color spaces of #5393ac

Type Values
RGB 83 147 172
HSL 0.55 0.35 0.5
HSV 197 52 67
CMYK 34.9 9.8 0 32.55
XYZ 21.4474 25.685 42.857
Hunter Lab 50.6804 -13.1511 -14.6437
CIE-Lab 57.7368 -13.4283 -19.4394

Base Numbers

BaseRedGreenBlue
Decimal 83 147 172
Binary 1010011 10010011 10101100
Octal 123 223 254
Hex 53 93 AC

Monochromatic Colors

#6cacc5
#85c5de
#9edef7
#b7f7ff
#d0ffff
#e9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5393ac Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5393AC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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