#7C477B Information

#7C477B color RGB value is (124 , 71 , 123) , HEX triplet: 7c, 47 and 7b. RGB value is (124 , 71 , 123). Sum of RGB (Red+Green+Blue) = 124+71+123=318 (Red value is 124 (48.63% from 255 or 57.67% from 215); Green value is 71 (27.84% from 255 or 33.02% from 215); Blue value is 123 (48.24% from 255 or 57.21% from 215); Max value from RGB is 124 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #7C477B hue: 0.84 , saturation: 0.27 and the lightness value of 7c477b is 0.38.

#7c477b
(124 , 71 , 123)
  • R (124)
  • G (71)
  • B (123)
  • C (0)
  • M (20.78)
  • Y (0.39)
  • K (51.37)

Applying the #7c477b

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

#774276
#723d71
#6d386c
#683367
#632e62
#5e295d
#592458
#541f53
#4f1a4e
#4a1549
#451044
#400b3f
#885387
#945f93
#a06b9f
#ac77ab
#b883b7
#c48fc3
#d09bcf
#dca7db
#e8b3e7
#f4bff3
#ffcbff
#ffd7ff

Color spaces of #7c477b

Type Values
RGB 124 71 123
HSL 0.84 0.27 0.38
HSV 301 43 49
CMYK 0 20.78 0.39 51.37
XYZ 14.1406 10.2216 19.9666
Hunter Lab 31.9713 22.9991 -14.6345
CIE-Lab 38.2373 31.1578 -20.1135

Base Numbers

BaseRedGreenBlue
Decimal 124 71 123
Binary 1111100 1000111 1111011
Octal 174 107 173
Hex 7C 47 7B

Monochromatic Colors

#956094
#ae79ad
#c792c6
#e0abdf
#f9c4f8
#ffddff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7c477b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7C477B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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