#765BA8 Information

#765BA8 color RGB value is (118 , 91 , 168) , HEX triplet: 76, 5b and a8. RGB value is (118 , 91 , 168). Sum of RGB (Red+Green+Blue) = 118+91+168=377 (Red value is 118 (46.27% from 255 or 54.88% from 215); Green value is 91 (35.69% from 255 or 42.33% from 215); Blue value is 168 (65.88% from 255 or 78.14% from 215); Max value from RGB is 168 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #765BA8 hue: 0.73 , saturation: 0.31 and the lightness value of 765ba8 is 0.51.

#765ba8
(118 , 91 , 168)
  • R (118)
  • G (91)
  • B (168)
  • C (19.61)
  • M (30.2)
  • Y (0)
  • K (34.12)

Applying the #765ba8

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

#7156a3
#6c519e
#674c99
#624794
#5d428f
#583d8a
#533885
#4e3380
#492e7b
#442976
#3f2471
#3a1f6c
#8267b4
#8e73c0
#9a7fcc
#a68bd8
#b297e4
#bea3f0
#caaffc
#d6bbff
#e2c7ff
#eed3ff
#fadfff
#ffebff

Color spaces of #765ba8

Type Values
RGB 118 91 168
HSL 0.73 0.31 0.51
HSV 261 46 66
CMYK 19.61 30.2 0 34.12
XYZ 18.2802 14.1609 38.8156
Hunter Lab 37.6309 20.8569 -34.7929
CIE-Lab 44.4628 27.9986 -37.5656

Base Numbers

BaseRedGreenBlue
Decimal 118 91 168
Binary 1110110 1011011 10101000
Octal 166 133 250
Hex 76 5B A8

Monochromatic Colors

#8f74c1
#a88dda
#c1a6f3
#dabfff
#f3d8ff
#fff1ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#765ba8 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#765BA8 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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