#6D79B4 Information

#6D79B4 color RGB value is (109 , 121 , 180) , HEX triplet: 6d, 79 and b4. RGB value is (109 , 121 , 180). Sum of RGB (Red+Green+Blue) = 109+121+180=410 (Red value is 109 (42.75% from 255 or 50.7% from 215); Green value is 121 (47.45% from 255 or 56.28% from 215); Blue value is 180 (70.59% from 255 or 83.72% from 215); Max value from RGB is 180 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6D79B4 hue: 0.64 , saturation: 0.32 and the lightness value of 6d79b4 is 0.57.

#6d79b4
(109 , 121 , 180)
  • R (109)
  • G (121)
  • B (180)
  • C (27.84)
  • M (23.14)
  • Y (0)
  • K (29.41)

Applying the #6d79b4

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

#6874af
#636faa
#5e6aa5
#5965a0
#54609b
#4f5b96
#4a5691
#45518c
#404c87
#3b4782
#36427d
#313d78
#7985c0
#8591cc
#919dd8
#9da9e4
#a9b5f0
#b5c1fc
#c1cdff
#cdd9ff
#d9e5ff
#e5f1ff
#f1fdff
#fdffff

Color spaces of #6d79b4

Type Values
RGB 109 121 180
HSL 0.64 0.32 0.57
HSV 230 39 71
CMYK 27.84 23.14 0 29.41
XYZ 21.3823 20.2212 45.9561
Hunter Lab 44.968 6.1828 -29.0935
CIE-Lab 52.0864 10.6184 -32.6326

Base Numbers

BaseRedGreenBlue
Decimal 109 121 180
Binary 1101101 1111001 10110100
Octal 155 171 264
Hex 6D 79 B4

Monochromatic Colors

#8692cd
#9fabe6
#b8c4ff
#d1ddff
#eaf6ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6d79b4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6D79B4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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