#6B59A4 Information

#6B59A4 color RGB value is (107 , 89 , 164) , HEX triplet: 6b, 59 and a4. RGB value is (107 , 89 , 164). Sum of RGB (Red+Green+Blue) = 107+89+164=360 (Red value is 107 (41.96% from 255 or 49.77% from 215); Green value is 89 (34.9% from 255 or 41.4% 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 #6B59A4 hue: 0.71 , saturation: 0.3 and the lightness value of 6b59a4 is 0.5.

#6b59a4
(107 , 89 , 164)
  • R (107)
  • G (89)
  • B (164)
  • C (22.35)
  • M (29.41)
  • Y (0)
  • K (35.69)

Applying the #6b59a4

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

#66549f
#614f9a
#5c4a95
#574590
#52408b
#4d3b86
#483681
#43317c
#3e2c77
#392772
#34226d
#2f1d68
#7765b0
#8371bc
#8f7dc8
#9b89d4
#a795e0
#b3a1ec
#bfadf8
#cbb9ff
#d7c5ff
#e3d1ff
#efddff
#fbe9ff

Color spaces of #6b59a4

Type Values
RGB 107 89 164
HSL 0.71 0.3 0.5
HSV 254 46 64
CMYK 22.35 29.41 0 35.69
XYZ 16.3366 12.9509 36.7607
Hunter Lab 35.9873 18.0532 -35.3512
CIE-Lab 42.6892 25.0294 -38.0755

Base Numbers

BaseRedGreenBlue
Decimal 107 89 164
Binary 1101011 1011001 10100100
Octal 153 131 244
Hex 6B 59 A4

Monochromatic Colors

#8472bd
#9d8bd6
#b6a4ef
#cfbdff
#e8d6ff
#ffefff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6b59a4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6B59A4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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