#6F4E71 Information

#6F4E71 color RGB value is (111 , 78 , 113) , HEX triplet: 6f, 4e and 71. RGB value is (111 , 78 , 113). Sum of RGB (Red+Green+Blue) = 111+78+113=302 (Red value is 111 (43.53% from 255 or 51.63% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 113 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6F4E71 hue: 0.82 , saturation: 0.18 and the lightness value of 6f4e71 is 0.37.

#6f4e71
(111 , 78 , 113)
  • R (111)
  • G (78)
  • B (113)
  • C (0.78)
  • M (13.73)
  • Y (0)
  • K (55.69)

Applying the #6f4e71

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

#6a496c
#654467
#603f62
#5b3a5d
#563558
#513053
#4c2b4e
#472649
#422144
#3d1c3f
#38173a
#331235
#7b5a7d
#876689
#937295
#9f7ea1
#ab8aad
#b796b9
#c3a2c5
#cfaed1
#dbbadd
#e7c6e9
#f3d2f5
#ffdeff

Color spaces of #6f4e71

Type Values
RGB 111 78 113
HSL 0.82 0.18 0.37
HSV 297 31 44
CMYK 0.78 13.73 0 55.69
XYZ 12.2606 10.0205 16.9107
Hunter Lab 31.6552 13.7393 -9.5038
CIE-Lab 37.8793 20.3971 -14.6102

Base Numbers

BaseRedGreenBlue
Decimal 111 78 113
Binary 1101111 1001110 1110001
Octal 157 116 161
Hex 6F 4E 71

Monochromatic Colors

#88678a
#a180a3
#ba99bc
#d3b2d5
#eccbee
#ffe4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6f4e71 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6F4E71 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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