#6E74A4 Information

#6E74A4 color RGB value is (110 , 116 , 164) , HEX triplet: 6e, 74 and a4. RGB value is (110 , 116 , 164). Sum of RGB (Red+Green+Blue) = 110+116+164=390 (Red value is 110 (43.14% from 255 or 51.16% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 164 (64.31% from 255 or 76.28% from 215); Max value from RGB is 164 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6E74A4 hue: 0.65 , saturation: 0.23 and the lightness value of 6e74a4 is 0.54.

#6e74a4
(110 , 116 , 164)
  • R (110)
  • G (116)
  • B (164)
  • C (21.18)
  • M (18.82)
  • Y (0)
  • K (35.69)

Applying the #6e74a4

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

#696f9f
#646a9a
#5f6595
#5a6090
#555b8b
#505686
#4b5181
#464c7c
#414777
#3c4272
#373d6d
#323868
#7a80b0
#868cbc
#9298c8
#9ea4d4
#aab0e0
#b6bcec
#c2c8f8
#ced4ff
#dae0ff
#e6ecff
#f2f8ff
#feffff

Color spaces of #6e74a4

Type Values
RGB 110 116 164
HSL 0.65 0.23 0.54
HSV 233 33 64
CMYK 21.18 18.82 0 35.69
XYZ 19.3766 18.4861 37.6689
Hunter Lab 42.9955 5.2021 -21.8294
CIE-Lab 50.0805 9.4431 -26.4693

Base Numbers

BaseRedGreenBlue
Decimal 110 116 164
Binary 1101110 1110100 10100100
Octal 156 164 244
Hex 6E 74 A4

Monochromatic Colors

#878dbd
#a0a6d6
#b9bfef
#d2d8ff
#ebf1ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6e74a4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6E74A4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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