#D57037 Information

#D57037 color RGB value is (213 , 112 , 55) , HEX triplet: d5, 70 and 37. RGB value is (213 , 112 , 55). Sum of RGB (Red+Green+Blue) = 213+112+55=380 (Red value is 213 (83.53% from 255 or 99.07% from 215); Green value is 112 (43.92% from 255 or 52.09% from 215); Blue value is 55 (21.57% from 255 or 25.58% from 215); Max value from RGB is 213 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D57037 hue: 0.06 , saturation: 0.65 and the lightness value of d57037 is 0.53.

#d57037
(213 , 112 , 55)
  • R (213)
  • G (112)
  • B (55)
  • C (0)
  • M (39.61)
  • Y (61.96)
  • K (16.47)

Applying the #d57037

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

#d06b32
#cb662d
#c66128
#c15c23
#bc571e
#b75219
#b24d14
#ad480f
#a8430a
#a33e05
#9e3900
#993400
#e17c43
#ed884f
#f9945b
#ffa067
#ffac73
#ffb87f
#ffc48b
#ffd097
#ffdca3
#ffe8af
#fff4bb
#ffffc7

Color spaces of #d57037

Type Values
RGB 213 112 55
HSL 0.06 0.65 0.53
HSV 22 74 84
CMYK 0 39.61 61.96 16.47
XYZ 33.9243 26.0103 6.8469
Hunter Lab 51.0003 29.4841 27.7424
CIE-Lab 58.0468 35.5052 48.135

Base Numbers

BaseRedGreenBlue
Decimal 213 112 55
Binary 11010101 1110000 110111
Octal 325 160 67
Hex D5 70 37

Monochromatic Colors

#ee8950
#ffa269
#ffbb82
#ffd49b
#ffedb4
#ffffcd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d57037 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D57037 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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