#DC6C3F Information

#DC6C3F color RGB value is (220 , 108 , 63) , HEX triplet: dc, 6c and 3f. RGB value is (220 , 108 , 63). Sum of RGB (Red+Green+Blue) = 220+108+63=391 (Red value is 220 (86.27% from 255 or 102.33% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 63 (24.71% from 255 or 29.3% from 215); Max value from RGB is 220 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DC6C3F hue: 0.05 , saturation: 0.69 and the lightness value of dc6c3f is 0.55.

#dc6c3f
(220 , 108 , 63)
  • R (220)
  • G (108)
  • B (63)
  • C (0)
  • M (43.92)
  • Y (61.57)
  • K (13.73)

Applying the #dc6c3f

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

#d7673a
#d26235
#cd5d30
#c8582b
#c35326
#be4e21
#b9491c
#b44417
#af3f12
#aa3a0d
#a53508
#a03003
#e8784b
#f48457
#ff9063
#ff9c6f
#ffa87b
#ffb487
#ffc093
#ffcc9f
#ffd8ab
#ffe4b7
#fff0c3
#fffccf

Color spaces of #dc6c3f

Type Values
RGB 220 108 63
HSL 0.05 0.69 0.55
HSV 17 71 86
CMYK 0 43.92 61.57 13.73
XYZ 35.775 26.2996 7.8934
Hunter Lab 51.2832 34.7756 26.7749
CIE-Lab 58.3204 40.6616 44.7452

Base Numbers

BaseRedGreenBlue
Decimal 220 108 63
Binary 11011100 1101100 111111
Octal 334 154 77
Hex DC 6C 3F

Monochromatic Colors

#f58558
#ff9e71
#ffb78a
#ffd0a3
#ffe9bc
#ffffd5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#dc6c3f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DC6C3F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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