#48539B Information

#48539B color RGB value is (72 , 83 , 155) , HEX triplet: 48, 53 and 9b. RGB value is (72 , 83 , 155). Sum of RGB (Red+Green+Blue) = 72+83+155=310 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 83 (32.55% from 255 or 38.6% from 215); Blue value is 155 (60.78% from 255 or 72.09% from 215); Max value from RGB is 155 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #48539B hue: 0.64 , saturation: 0.37 and the lightness value of 48539b is 0.45.

#48539b
(72 , 83 , 155)
  • R (72)
  • G (83)
  • B (155)
  • C (32.55)
  • M (28.24)
  • Y (0)
  • K (39.22)

Applying the #48539b

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

#434e96
#3e4991
#39448c
#343f87
#2f3a82
#2a357d
#253078
#202b73
#1b266e
#162169
#111c64
#0c175f
#545fa7
#606bb3
#6c77bf
#7883cb
#848fd7
#909be3
#9ca7ef
#a8b3fb
#b4bfff
#c0cbff
#ccd7ff
#d8e3ff

Color spaces of #48539b

Type Values
RGB 72 83 155
HSL 0.64 0.37 0.45
HSV 232 54 61
CMYK 32.55 28.24 0 39.22
XYZ 11.6821 9.9308 32.3115
Hunter Lab 31.5132 11.0233 -38.7108
CIE-Lab 37.7179 17.0554 -40.7848

Base Numbers

BaseRedGreenBlue
Decimal 72 83 155
Binary 1001000 1010011 10011011
Octal 110 123 233
Hex 48 53 9B

Monochromatic Colors

#616cb4
#7a85cd
#939ee6
#acb7ff
#c5d0ff
#dee9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#48539b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#48539B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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