#6C7170 Information

#6C7170 color RGB value is (108 , 113 , 112) , HEX triplet: 6c, 71 and 70. RGB value is (108 , 113 , 112). Sum of RGB (Red+Green+Blue) = 108+113+112=333 (Red value is 108 (42.35% from 255 or 50.23% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 112 (43.92% from 255 or 52.09% from 215); Max value from RGB is 113 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #6C7170 hue: 0.47 , saturation: 0.02 and the lightness value of 6c7170 is 0.43.

#6c7170
(108 , 113 , 112)
  • R (108)
  • G (113)
  • B (112)
  • C (1.96)
  • M (0)
  • Y (0.39)
  • K (55.69)

Applying the #6c7170

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

#676c6b
#626766
#5d6261
#585d5c
#535857
#4e5352
#494e4d
#444948
#3f4443
#3a3f3e
#353a39
#303534
#787d7c
#848988
#909594
#9ca1a0
#a8adac
#b4b9b8
#c0c5c4
#ccd1d0
#d8dddc
#e4e9e8
#f0f5f4
#fcffff

Color spaces of #6c7170

Type Values
RGB 108 113 112
HSL 0.47 0.02 0.43
HSV 168 4 44
CMYK 1.96 0 0.39 55.69
XYZ 15.0141 16.1683 17.6587
Hunter Lab 40.2098 -3.716 2.1177
CIE-Lab 47.1945 -2.1039 -0.1117

Base Numbers

BaseRedGreenBlue
Decimal 108 113 112
Binary 1101100 1110001 1110000
Octal 154 161 160
Hex 6C 71 70

Monochromatic Colors

#858a89
#9ea3a2
#b7bcbb
#d0d5d4
#e9eeed
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6c7170 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6C7170 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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