#716CC4 Information

#716CC4 color RGB value is (113 , 108 , 196) , HEX triplet: 71, 6c and c4. RGB value is (113 , 108 , 196). Sum of RGB (Red+Green+Blue) = 113+108+196=417 (Red value is 113 (44.31% from 255 or 52.56% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 196 (76.86% from 255 or 91.16% from 215); Max value from RGB is 196 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #716CC4 hue: 0.68 , saturation: 0.43 and the lightness value of 716cc4 is 0.6.

#716cc4
(113 , 108 , 196)
  • R (113)
  • G (108)
  • B (196)
  • C (32.55)
  • M (34.51)
  • Y (0)
  • K (23.14)

Applying the #716cc4

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

#6c67bf
#6762ba
#625db5
#5d58b0
#5853ab
#534ea6
#4e49a1
#49449c
#443f97
#3f3a92
#3a358d
#353088
#7d78d0
#8984dc
#9590e8
#a19cf4
#ada8ff
#b9b4ff
#c5c0ff
#d1ccff
#ddd8ff
#e9e4ff
#f5f0ff
#fffcff

Color spaces of #716cc4

Type Values
RGB 113 108 196
HSL 0.68 0.43 0.6
HSV 243 45 77
CMYK 32.55 34.51 0 23.14
XYZ 22.1364 18.2214 54.5749
Hunter Lab 42.6865 17.8656 -45.8948
CIE-Lab 49.7635 24.165 -45.4843

Base Numbers

BaseRedGreenBlue
Decimal 113 108 196
Binary 1110001 1101100 11000100
Octal 161 154 304
Hex 71 6C C4

Monochromatic Colors

#8a85dd
#a39ef6
#bcb7ff
#d5d0ff
#eee9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#716cc4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#716CC4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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