#DD5936 Information

#DD5936 color RGB value is (221 , 89 , 54) , HEX triplet: dd, 59 and 36. RGB value is (221 , 89 , 54). Sum of RGB (Red+Green+Blue) = 221+89+54=364 (Red value is 221 (86.67% from 255 or 102.79% from 215); Green value is 89 (34.9% from 255 or 41.4% from 215); Blue value is 54 (21.18% from 255 or 25.12% from 215); Max value from RGB is 221 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DD5936 hue: 0.03 , saturation: 0.71 and the lightness value of dd5936 is 0.54.

#dd5936
(221 , 89 , 54)
  • R (221)
  • G (89)
  • B (54)
  • C (0)
  • M (51.76)
  • Y (65.49)
  • K (13.33)

Applying the #dd5936

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

#d85431
#d34f2c
#ce4a27
#c94522
#c4401d
#bf3b18
#ba3613
#b5310e
#b02c09
#ab2704
#a62200
#a11d00
#e96542
#f5714e
#ff7d5a
#ff8966
#ff9572
#ffa17e
#ffad8a
#ffb996
#ffc5a2
#ffd1ae
#ffddba
#ffe9c6

Color spaces of #dd5936

Type Values
RGB 221 89 54
HSL 0.03 0.71 0.54
HSV 13 76 87
CMYK 0 51.76 65.49 13.33
XYZ 34.057 22.7833 6.0926
Hunter Lab 47.7318 43.8307 25.8463
CIE-Lab 54.8484 49.7535 45.6553

Base Numbers

BaseRedGreenBlue
Decimal 221 89 54
Binary 11011101 1011001 110110
Octal 335 131 66
Hex DD 59 36

Monochromatic Colors

#f6724f
#ff8b68
#ffa481
#ffbd9a
#ffd6b3
#ffefcc

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#dd5936 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DD5936 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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