#7B708B Information

#7B708B color RGB value is (123 , 112 , 139) , HEX triplet: 7b, 70 and 8b. RGB value is (123 , 112 , 139). Sum of RGB (Red+Green+Blue) = 123+112+139=374 (Red value is 123 (48.24% from 255 or 57.21% from 215); Green value is 112 (43.92% from 255 or 52.09% from 215); Blue value is 139 (54.51% from 255 or 64.65% from 215); Max value from RGB is 139 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7B708B hue: 0.73 , saturation: 0.11 and the lightness value of 7b708b is 0.49.

#7b708b
(123 , 112 , 139)
  • R (123)
  • G (112)
  • B (139)
  • C (6.27)
  • M (10.59)
  • Y (0)
  • K (45.49)

Applying the #7b708b

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

#766b86
#716681
#6c617c
#675c77
#625772
#5d526d
#584d68
#534863
#4e435e
#493e59
#443954
#3f344f
#877c97
#9388a3
#9f94af
#aba0bb
#b7acc7
#c3b8d3
#cfc4df
#dbd0eb
#e7dcf7
#f3e8ff
#fff4ff
#ffffff

Color spaces of #7b708b

Type Values
RGB 123 112 139
HSL 0.73 0.11 0.49
HSV 264 19 55
CMYK 6.27 10.59 0 45.49
XYZ 18.6227 17.6634 26.8539
Hunter Lab 42.0278 5.5458 -8.451
CIE-Lab 49.0852 9.8658 -13.2077

Base Numbers

BaseRedGreenBlue
Decimal 123 112 139
Binary 1111011 1110000 10001011
Octal 173 160 213
Hex 7B 70 8B

Monochromatic Colors

#9489a4
#ada2bd
#c6bbd6
#dfd4ef
#f8edff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7b708b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7B708B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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