#D04818 Information

#D04818 color RGB value is (208 , 72 , 24) , HEX triplet: d0, 48 and 18. RGB value is (208 , 72 , 24). Sum of RGB (Red+Green+Blue) = 208+72+24=304 (Red value is 208 (81.57% from 255 or 96.74% from 215); Green value is 72 (28.24% from 255 or 33.49% from 215); Blue value is 24 (9.41% from 255 or 11.16% from 215); Max value from RGB is 208 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D04818 hue: 0.04 , saturation: 0.79 and the lightness value of d04818 is 0.45.

#d04818
(208 , 72 , 24)
  • R (208)
  • G (72)
  • B (24)
  • C (0)
  • M (53.33)
  • Y (72.16)
  • K (18.43)

Applying the #d04818

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

#cb4313
#c63e0e
#c13909
#bc3404
#b72f00
#b22a00
#ad2500
#a82000
#a31b00
#9e1600
#991100
#940c00
#dc5424
#e86030
#f46c3c
#ff7848
#ff8454
#ff9060
#ff9c6c
#ffa878
#ffb484
#ffc090
#ffcc9c
#ffd8a8

Color spaces of #d04818

Type Values
RGB 208 72 24
HSL 0.04 0.79 0.45
HSV 16 88 82
CMYK 0 53.33 72.16 18.43
XYZ 28.4947 18.1106 2.858
Hunter Lab 42.5565 45.0448 25.8085
CIE-Lab 49.6299 51.7527 53.717

Base Numbers

BaseRedGreenBlue
Decimal 208 72 24
Binary 11010000 1001000 11000
Octal 320 110 30
Hex D0 48 18

Monochromatic Colors

#e96131
#ff7a4a
#ff9363
#ffac7c
#ffc595
#ffdeae

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d04818 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D04818 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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