#6D5EB4 Information

#6D5EB4 color RGB value is (109 , 94 , 180) , HEX triplet: 6d, 5e and b4. RGB value is (109 , 94 , 180). Sum of RGB (Red+Green+Blue) = 109+94+180=383 (Red value is 109 (42.75% from 255 or 50.7% from 215); Green value is 94 (36.86% from 255 or 43.72% 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 #6D5EB4 hue: 0.7 , saturation: 0.36 and the lightness value of 6d5eb4 is 0.54.

#6d5eb4
(109 , 94 , 180)
  • R (109)
  • G (94)
  • B (180)
  • C (27.84)
  • M (33.73)
  • Y (0)
  • K (29.41)

Applying the #6d5eb4

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

#6859af
#6354aa
#5e4fa5
#594aa0
#54459b
#4f4096
#4a3b91
#45368c
#403187
#3b2c82
#36277d
#312278
#796ac0
#8576cc
#9182d8
#9d8ee4
#a99af0
#b5a6fc
#c1b2ff
#cdbeff
#d9caff
#e5d6ff
#f1e2ff
#fdeeff

Color spaces of #6d5eb4

Type Values
RGB 109 94 180
HSL 0.7 0.36 0.54
HSV 250 48 71
CMYK 27.84 33.73 0 29.41
XYZ 18.5476 14.5519 45.0112
Hunter Lab 38.147 20.0322 -43.2307
CIE-Lab 45.0142 27.0221 -43.7907

Base Numbers

BaseRedGreenBlue
Decimal 109 94 180
Binary 1101101 1011110 10110100
Octal 155 136 264
Hex 6D 5E B4

Monochromatic Colors

#8677cd
#9f90e6
#b8a9ff
#d1c2ff
#eadbff
#fff4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6d5eb4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6D5EB4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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