#48478D Information

#48478D color RGB value is (72 , 71 , 141) , HEX triplet: 48, 47 and 8d. RGB value is (72 , 71 , 141). Sum of RGB (Red+Green+Blue) = 72+71+141=284 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 71 (27.84% from 255 or 33.02% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 141 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #48478D hue: 0.67 , saturation: 0.33 and the lightness value of 48478d is 0.42.

#48478d
(72 , 71 , 141)
  • R (72)
  • G (71)
  • B (141)
  • C (27.06)
  • M (27.45)
  • Y (0)
  • K (44.71)

Applying the #48478d

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

#434288
#3e3d83
#39387e
#343379
#2f2e74
#2a296f
#25246a
#201f65
#1b1a60
#16155b
#111056
#0c0b51
#545399
#605fa5
#6c6bb1
#7877bd
#8483c9
#908fd5
#9c9be1
#a8a7ed
#b4b3f9
#c0bfff
#cccbff
#d8d7ff

Color spaces of #48478d

Type Values
RGB 72 71 141
HSL 0.67 0.33 0.42
HSV 241 50 55
CMYK 27.06 27.45 0 44.71
XYZ 9.7334 7.8073 26.1932
Hunter Lab 27.9415 13.283 -36.0012
CIE-Lab 33.5783 20.2271 -38.9067

Base Numbers

BaseRedGreenBlue
Decimal 72 71 141
Binary 1001000 1000111 10001101
Octal 110 107 215
Hex 48 47 8D

Monochromatic Colors

#6160a6
#7a79bf
#9392d8
#acabf1
#c5c4ff
#deddff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#48478d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#48478D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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