#6B336F Information

#6B336F color RGB value is (107 , 51 , 111) , HEX triplet: 6b, 33 and 6f. RGB value is (107 , 51 , 111). Sum of RGB (Red+Green+Blue) = 107+51+111=269 (Red value is 107 (41.96% from 255 or 49.77% from 215); Green value is 51 (20% from 255 or 23.72% from 215); Blue value is 111 (43.53% from 255 or 51.63% from 215); Max value from RGB is 111 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6B336F hue: 0.82 , saturation: 0.37 and the lightness value of 6b336f is 0.32.

#6b336f
(107 , 51 , 111)
  • R (107)
  • G (51)
  • B (111)
  • C (1.57)
  • M (23.53)
  • Y (0)
  • K (56.47)

Applying the #6b336f

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

#662e6a
#612965
#5c2460
#571f5b
#521a56
#4d1551
#48104c
#430b47
#3e0642
#39013d
#340038
#2f0033
#773f7b
#834b87
#8f5793
#9b639f
#a76fab
#b37bb7
#bf87c3
#cb93cf
#d79fdb
#e3abe7
#efb7f3
#fbc3ff

Color spaces of #6b336f

Type Values
RGB 107 51 111
HSL 0.82 0.37 0.32
HSV 296 54 44
CMYK 1.57 23.53 0 56.47
XYZ 10.1165 6.6411 15.7876
Hunter Lab 25.7704 24.974 -18.2702
CIE-Lab 30.9756 34.4745 -24.0784

Base Numbers

BaseRedGreenBlue
Decimal 107 51 111
Binary 1101011 110011 1101111
Octal 153 63 157
Hex 6B 33 6F

Monochromatic Colors

#844c88
#9d65a1
#b67eba
#cf97d3
#e8b0ec
#ffc9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6b336f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6B336F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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