#726C93 Information

#726C93 color RGB value is (114 , 108 , 147) , HEX triplet: 72, 6c and 93. RGB value is (114 , 108 , 147). Sum of RGB (Red+Green+Blue) = 114+108+147=369 (Red value is 114 (44.71% from 255 or 53.02% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 147 (57.65% from 255 or 68.37% from 215); Max value from RGB is 147 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #726C93 hue: 0.69 , saturation: 0.15 and the lightness value of 726c93 is 0.5.

#726c93
(114 , 108 , 147)
  • R (114)
  • G (108)
  • B (147)
  • C (12.94)
  • M (15.29)
  • Y (0)
  • K (42.35)

Applying the #726c93

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

#6d678e
#686289
#635d84
#5e587f
#59537a
#544e75
#4f4970
#4a446b
#453f66
#403a61
#3b355c
#363057
#7e789f
#8a84ab
#9690b7
#a29cc3
#aea8cf
#bab4db
#c6c0e7
#d2ccf3
#ded8ff
#eae4ff
#f6f0ff
#fffcff

Color spaces of #726c93

Type Values
RGB 114 108 147
HSL 0.69 0.15 0.5
HSV 249 27 58
CMYK 12.94 15.29 0 42.35
XYZ 17.5685 16.4091 29.8451
Hunter Lab 40.5082 6.5266 -15.3117
CIE-Lab 47.5067 11.0827 -20.4231

Base Numbers

BaseRedGreenBlue
Decimal 114 108 147
Binary 1110010 1101100 10010011
Octal 162 154 223
Hex 72 6C 93

Monochromatic Colors

#8b85ac
#a49ec5
#bdb7de
#d6d0f7
#efe9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#726c93 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#726C93 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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