#D76D4A Information

#D76D4A color RGB value is (215 , 109 , 74) , HEX triplet: d7, 6d and 4a. RGB value is (215 , 109 , 74). Sum of RGB (Red+Green+Blue) = 215+109+74=398 (Red value is 215 (84.31% from 255 or 100% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 74 (29.02% from 255 or 34.42% from 215); Max value from RGB is 215 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D76D4A hue: 0.04 , saturation: 0.64 and the lightness value of d76d4a is 0.57.

#d76d4a
(215 , 109 , 74)
  • R (215)
  • G (109)
  • B (74)
  • C (0)
  • M (41.57)
  • Y (55.29)
  • K (15.69)

Applying the #d76d4a

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

#d26845
#cd6340
#c85e3b
#c35936
#be5431
#b94f2c
#b44a27
#af4522
#aa401d
#a53b18
#a03613
#9b310e
#e37956
#ef8562
#fb916e
#ff9d7a
#ffa986
#ffb592
#ffc19e
#ffcdaa
#ffd9b6
#ffe5c2
#fff1ce
#fffdda

Color spaces of #d76d4a

Type Values
RGB 215 109 74
HSL 0.04 0.64 0.57
HSV 15 66 84
CMYK 0 41.57 55.29 15.69
XYZ 34.729 25.8788 9.6432
Hunter Lab 50.8712 32.8349 24.3739
CIE-Lab 57.9218 38.8265 38.3021

Base Numbers

BaseRedGreenBlue
Decimal 215 109 74
Binary 11010111 1101101 1001010
Octal 327 155 112
Hex D7 6D 4A

Monochromatic Colors

#f08663
#ff9f7c
#ffb895
#ffd1ae
#ffeac7
#ffffe0

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d76d4a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D76D4A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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