#746CB3 Information

#746CB3 color RGB value is (116 , 108 , 179) , HEX triplet: 74, 6c and b3. RGB value is (116 , 108 , 179). Sum of RGB (Red+Green+Blue) = 116+108+179=403 (Red value is 116 (45.49% from 255 or 53.95% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 179 (70.2% from 255 or 83.26% from 215); Max value from RGB is 179 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #746CB3 hue: 0.69 , saturation: 0.32 and the lightness value of 746cb3 is 0.56.

#746cb3
(116 , 108 , 179)
  • R (116)
  • G (108)
  • B (179)
  • C (24.71)
  • M (27.84)
  • Y (0)
  • K (29.8)

Applying the #746cb3

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

#6f67ae
#6a62a9
#655da4
#60589f
#5b539a
#564e95
#514990
#4c448b
#473f86
#423a81
#3d357c
#383077
#8078bf
#8c84cb
#9890d7
#a49ce3
#b0a8ef
#bcb4fb
#c8c0ff
#d4ccff
#e0d8ff
#ece4ff
#f8f0ff
#fffcff

Color spaces of #746cb3

Type Values
RGB 116 108 179
HSL 0.69 0.32 0.56
HSV 247 40 70
CMYK 24.71 27.84 0 29.8
XYZ 20.7017 17.6928 44.9718
Hunter Lab 42.0628 14.2411 -33.9237
CIE-Lab 49.1214 20.1377 -36.6659

Base Numbers

BaseRedGreenBlue
Decimal 116 108 179
Binary 1110100 1101100 10110011
Octal 164 154 263
Hex 74 6C B3

Monochromatic Colors

#8d85cc
#a69ee5
#bfb7fe
#d8d0ff
#f1e9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#746cb3 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#746CB3 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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