#48597A Information

#48597A color RGB value is (72 , 89 , 122) , HEX triplet: 48, 59 and 7a. RGB value is (72 , 89 , 122). Sum of RGB (Red+Green+Blue) = 72+89+122=283 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 89 (34.9% from 255 or 41.4% from 215); Blue value is 122 (47.84% from 255 or 56.74% from 215); Max value from RGB is 122 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #48597A hue: 0.61 , saturation: 0.26 and the lightness value of 48597a is 0.38.

#48597a
(72 , 89 , 122)
  • R (72)
  • G (89)
  • B (122)
  • C (19.61)
  • M (12.94)
  • Y (0)
  • K (52.16)

Applying the #48597a

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

#435475
#3e4f70
#394a6b
#344566
#2f4061
#2a3b5c
#253657
#203152
#1b2c4d
#162748
#112243
#0c1d3e
#546586
#607192
#6c7d9e
#7889aa
#8495b6
#90a1c2
#9cadce
#a8b9da
#b4c5e6
#c0d1f2
#ccddfe
#d8e9ff

Color spaces of #48597a

Type Values
RGB 72 89 122
HSL 0.61 0.26 0.38
HSV 220 41 48
CMYK 19.61 12.94 0 52.16
XYZ 9.7577 9.9276 19.8143
Hunter Lab 31.5081 0.1404 -15.2164
CIE-Lab 37.7122 2.6027 -20.7292

Base Numbers

BaseRedGreenBlue
Decimal 72 89 122
Binary 1001000 1011001 1111010
Octal 110 131 172
Hex 48 59 7A

Monochromatic Colors

#617293
#7a8bac
#93a4c5
#acbdde
#c5d6f7
#deefff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#48597a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#48597A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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