#7B769F Information

#7B769F color RGB value is (123 , 118 , 159) , HEX triplet: 7b, 76 and 9f. RGB value is (123 , 118 , 159). Sum of RGB (Red+Green+Blue) = 123+118+159=400 (Red value is 123 (48.24% from 255 or 57.21% from 215); Green value is 118 (46.27% from 255 or 54.88% from 215); Blue value is 159 (62.35% from 255 or 73.95% from 215); Max value from RGB is 159 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7B769F hue: 0.69 , saturation: 0.18 and the lightness value of 7b769f is 0.54.

#7b769f
(123 , 118 , 159)
  • R (123)
  • G (118)
  • B (159)
  • C (14.12)
  • M (16.08)
  • Y (0)
  • K (37.65)

Applying the #7b769f

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

#76719a
#716c95
#6c6790
#67628b
#625d86
#5d5881
#58537c
#534e77
#4e4972
#49446d
#443f68
#3f3a63
#8782ab
#938eb7
#9f9ac3
#aba6cf
#b7b2db
#c3bee7
#cfcaf3
#dbd6ff
#e7e2ff
#f3eeff
#fffaff
#ffffff

Color spaces of #7b769f

Type Values
RGB 123 118 159
HSL 0.69 0.18 0.54
HSV 247 26 62
CMYK 14.12 16.08 0 37.65
XYZ 20.9048 19.671 35.496
Hunter Lab 44.352 6.5181 -16.388
CIE-Lab 51.4632 11.0243 -21.332

Base Numbers

BaseRedGreenBlue
Decimal 123 118 159
Binary 1111011 1110110 10011111
Octal 173 166 237
Hex 7B 76 9F

Monochromatic Colors

#948fb8
#ada8d1
#c6c1ea
#dfdaff
#f8f3ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7b769f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7B769F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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