#5359A1 Information

#5359A1 color RGB value is (83 , 89 , 161) , HEX triplet: 53, 59 and a1. RGB value is (83 , 89 , 161). Sum of RGB (Red+Green+Blue) = 83+89+161=333 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 89 (34.9% from 255 or 41.4% from 215); Blue value is 161 (63.14% from 255 or 74.88% from 215); Max value from RGB is 161 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5359A1 hue: 0.65 , saturation: 0.32 and the lightness value of 5359a1 is 0.48.

#5359a1
(83 , 89 , 161)
  • R (83)
  • G (89)
  • B (161)
  • C (30.59)
  • M (28.24)
  • Y (0)
  • K (36.86)

Applying the #5359a1

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

#4e549c
#494f97
#444a92
#3f458d
#3a4088
#353b83
#30367e
#2b3179
#262c74
#21276f
#1c226a
#171d65
#5f65ad
#6b71b9
#777dc5
#8389d1
#8f95dd
#9ba1e9
#a7adf5
#b3b9ff
#bfc5ff
#cbd1ff
#d7ddff
#e3e9ff

Color spaces of #5359a1

Type Values
RGB 83 89 161
HSL 0.65 0.32 0.48
HSV 235 48 63
CMYK 30.59 28.24 0 36.86
XYZ 13.5727 11.557 35.2336
Hunter Lab 33.9955 11.7739 -37.6302
CIE-Lab 40.5031 17.7959 -39.8887

Base Numbers

BaseRedGreenBlue
Decimal 83 89 161
Binary 1010011 1011001 10100001
Octal 123 131 241
Hex 53 59 A1

Monochromatic Colors

#6c72ba
#858bd3
#9ea4ec
#b7bdff
#d0d6ff
#e9efff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5359a1 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5359A1 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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