#6C311F Information

#6C311F color RGB value is (108 , 49 , 31) , HEX triplet: 6c, 31 and 1f. RGB value is (108 , 49 , 31). Sum of RGB (Red+Green+Blue) = 108+49+31=188 (Red value is 108 (42.35% from 255 or 50.23% from 215); Green value is 49 (19.22% from 255 or 22.79% from 215); Blue value is 31 (12.16% from 255 or 14.42% from 215); Max value from RGB is 108 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #6C311F hue: 0.04 , saturation: 0.55 and the lightness value of 6c311f is 0.27.

#6c311f
(108 , 49 , 31)
  • R (108)
  • G (49)
  • B (31)
  • C (0)
  • M (23.14)
  • Y (30.2)
  • K (57.65)

Applying the #6c311f

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

#672c1a
#622715
#5d2210
#581d0b
#531806
#4e1301
#490e00
#440900
#3f0400
#3a0000
#350000
#300000
#783d2b
#844937
#905543
#9c614f
#a86d5b
#b47967
#c08573
#cc917f
#d89d8b
#e4a997
#f0b5a3
#fcc1af

Color spaces of #6c311f

Type Values
RGB 108 49 31
HSL 0.04 0.55 0.27
HSV 14 71 42
CMYK 0 23.14 30.2 57.65
XYZ 7.53 5.4837 1.9579
Hunter Lab 23.4173 16.4176 11.4363
CIE-Lab 28.0706 24.7848 23.5867

Base Numbers

BaseRedGreenBlue
Decimal 108 49 31
Binary 1101100 110001 11111
Octal 154 61 37
Hex 6C 31 1F

Monochromatic Colors

#854a38
#9e6351
#b77c6a
#d09583
#e9ae9c
#ffc7b5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6c311f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6C311F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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