#D4744C Information

#D4744C color RGB value is (212 , 116 , 76) , HEX triplet: d4, 74 and 4c. RGB value is (212 , 116 , 76). Sum of RGB (Red+Green+Blue) = 212+116+76=404 (Red value is 212 (83.14% from 255 or 98.6% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 76 (29.8% from 255 or 35.35% from 215); Max value from RGB is 212 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D4744C hue: 0.05 , saturation: 0.61 and the lightness value of d4744c is 0.56.

#d4744c
(212 , 116 , 76)
  • R (212)
  • G (116)
  • B (76)
  • C (0)
  • M (37.65)
  • Y (53.33)
  • K (16.86)

Applying the #d4744c

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

#cf6f47
#ca6a42
#c5653d
#c06038
#bb5b33
#b6562e
#b15129
#ac4c24
#a7471f
#a2421a
#9d3d15
#983810
#e08058
#ec8c64
#f89870
#ffa47c
#ffb088
#ffbc94
#ffc8a0
#ffd4ac
#ffe0b8
#ffecc4
#fff8d0
#ffffdc

Color spaces of #d4744c

Type Values
RGB 212 116 76
HSL 0.05 0.61 0.56
HSV 18 64 83
CMYK 0 37.65 53.33 16.86
XYZ 34.7013 27.0096 10.2219
Hunter Lab 51.9708 28.237 24.7215
CIE-Lab 58.9832 34.1562 38.3836

Base Numbers

BaseRedGreenBlue
Decimal 212 116 76
Binary 11010100 1110100 1001100
Octal 324 164 114
Hex D4 74 4C

Monochromatic Colors

#ed8d65
#ffa67e
#ffbf97
#ffd8b0
#fff1c9
#ffffe2

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d4744c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D4744C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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