#7764B9 Information

#7764B9 color RGB value is (119 , 100 , 185) , HEX triplet: 77, 64 and b9. RGB value is (119 , 100 , 185). Sum of RGB (Red+Green+Blue) = 119+100+185=404 (Red value is 119 (46.67% from 255 or 55.35% from 215); Green value is 100 (39.22% from 255 or 46.51% from 215); Blue value is 185 (72.55% from 255 or 86.05% from 215); Max value from RGB is 185 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7764B9 hue: 0.7 , saturation: 0.38 and the lightness value of 7764b9 is 0.56.

#7764b9
(119 , 100 , 185)
  • R (119)
  • G (100)
  • B (185)
  • C (25.88)
  • M (33.33)
  • Y (0)
  • K (27.45)

Applying the #7764b9

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

#725fb4
#6d5aaf
#6855aa
#6350a5
#5e4ba0
#59469b
#544196
#4f3c91
#4a378c
#453287
#402d82
#3b287d
#8370c5
#8f7cd1
#9b88dd
#a794e9
#b3a0f5
#bfacff
#cbb8ff
#d7c4ff
#e3d0ff
#efdcff
#fbe8ff
#fff4ff

Color spaces of #7764b9

Type Values
RGB 119 100 185
HSL 0.7 0.38 0.56
HSV 253 46 73
CMYK 25.88 33.33 0 27.45
XYZ 20.9219 16.5391 47.9886
Hunter Lab 40.6682 20.6605 -41.4693
CIE-Lab 47.6739 27.4395 -42.4202

Base Numbers

BaseRedGreenBlue
Decimal 119 100 185
Binary 1110111 1100100 10111001
Octal 167 144 271
Hex 77 64 B9

Monochromatic Colors

#907dd2
#a996eb
#c2afff
#dbc8ff
#f4e1ff
#fffaff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7764b9 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7764B9 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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