#6F488B Information

#6F488B color RGB value is (111 , 72 , 139) , HEX triplet: 6f, 48 and 8b. RGB value is (111 , 72 , 139). Sum of RGB (Red+Green+Blue) = 111+72+139=322 (Red value is 111 (43.53% from 255 or 51.63% from 215); Green value is 72 (28.24% from 255 or 33.49% from 215); Blue value is 139 (54.51% from 255 or 64.65% from 215); Max value from RGB is 139 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6F488B hue: 0.76 , saturation: 0.32 and the lightness value of 6f488b is 0.41.

#6f488b
(111 , 72 , 139)
  • R (111)
  • G (72)
  • B (139)
  • C (10.98)
  • M (26.27)
  • Y (0)
  • K (45.49)

Applying the #6f488b

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

#6a4386
#653e81
#60397c
#5b3477
#562f72
#512a6d
#4c2568
#472063
#421b5e
#3d1659
#381154
#330c4f
#7b5497
#8760a3
#936caf
#9f78bb
#ab84c7
#b790d3
#c39cdf
#cfa8eb
#dbb4f7
#e7c0ff
#f3ccff
#ffd8ff

Color spaces of #6f488b

Type Values
RGB 111 72 139
HSL 0.76 0.32 0.41
HSV 275 48 55
CMYK 10.98 26.27 0 45.49
XYZ 13.5331 9.8783 25.6195
Hunter Lab 31.4298 21.8569 -26.3112
CIE-Lab 37.6231 29.9554 -31.0179

Base Numbers

BaseRedGreenBlue
Decimal 111 72 139
Binary 1101111 1001000 10001011
Octal 157 110 213
Hex 6F 48 8B

Monochromatic Colors

#8861a4
#a17abd
#ba93d6
#d3acef
#ecc5ff
#ffdeff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6f488b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6F488B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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