#7C9CAC Information

#7C9CAC color RGB value is (124 , 156 , 172) , HEX triplet: 7c, 9c and ac. RGB value is (124 , 156 , 172). Sum of RGB (Red+Green+Blue) = 124+156+172=452 (Red value is 124 (48.63% from 255 or 57.67% from 215); Green value is 156 (61.18% from 255 or 72.56% from 215); Blue value is 172 (67.45% from 255 or 80% from 215); Max value from RGB is 172 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7C9CAC hue: 0.56 , saturation: 0.22 and the lightness value of 7c9cac is 0.58.

#7c9cac
(124 , 156 , 172)
  • R (124)
  • G (156)
  • B (172)
  • C (18.82)
  • M (6.27)
  • Y (0)
  • K (32.55)

Applying the #7c9cac

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

#7797a7
#7292a2
#6d8d9d
#688898
#638393
#5e7e8e
#597989
#547484
#4f6f7f
#4a6a7a
#456575
#406070
#88a8b8
#94b4c4
#a0c0d0
#acccdc
#b8d8e8
#c4e4f4
#d0f0ff
#dcfcff
#e8ffff
#f4ffff
#ffffff

Color spaces of #7c9cac

Type Values
RGB 124 156 172
HSL 0.56 0.22 0.58
HSV 200 28 67
CMYK 18.82 6.27 0 32.55
XYZ 27.647 31.0406 43.564
Hunter Lab 55.7141 -8.9221 -7.3441
CIE-Lab 62.5419 -7.2538 -11.9564

Base Numbers

BaseRedGreenBlue
Decimal 124 156 172
Binary 1111100 10011100 10101100
Octal 174 234 254
Hex 7C 9C AC

Monochromatic Colors

#95b5c5
#aecede
#c7e7f7
#e0ffff
#f9ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7c9cac Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7C9CAC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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