#53488E Information

#53488E color RGB value is (83 , 72 , 142) , HEX triplet: 53, 48 and 8e. RGB value is (83 , 72 , 142). Sum of RGB (Red+Green+Blue) = 83+72+142=297 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 72 (28.24% from 255 or 33.49% from 215); Blue value is 142 (55.69% from 255 or 66.05% from 215); Max value from RGB is 142 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #53488E hue: 0.69 , saturation: 0.33 and the lightness value of 53488e is 0.42.

#53488e
(83 , 72 , 142)
  • R (83)
  • G (72)
  • B (142)
  • C (23.14)
  • M (27.45)
  • Y (0)
  • K (44.31)

Applying the #53488e

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

#4e4389
#493e84
#44397f
#3f347a
#3a2f75
#352a70
#30256b
#2b2066
#261b61
#21165c
#1c1157
#170c52
#5f549a
#6b60a6
#776cb2
#8378be
#8f84ca
#9b90d6
#a79ce2
#b3a8ee
#bfb4fa
#cbc0ff
#d7ccff
#e3d8ff

Color spaces of #53488e

Type Values
RGB 83 72 142
HSL 0.69 0.33 0.42
HSV 249 49 56
CMYK 23.14 27.45 0 44.31
XYZ 10.7671 8.4267 26.6502
Hunter Lab 29.0288 15.4074 -34.092
CIE-Lab 34.8562 22.7225 -37.4225

Base Numbers

BaseRedGreenBlue
Decimal 83 72 142
Binary 1010011 1001000 10001110
Octal 123 110 216
Hex 53 48 8E

Monochromatic Colors

#6c61a7
#857ac0
#9e93d9
#b7acf2
#d0c5ff
#e9deff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#53488e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#53488E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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