#D75221 Information

#D75221 color RGB value is (215 , 82 , 33) , HEX triplet: d7, 52 and 21. RGB value is (215 , 82 , 33). Sum of RGB (Red+Green+Blue) = 215+82+33=330 (Red value is 215 (84.31% from 255 or 100% from 215); Green value is 82 (32.16% from 255 or 38.14% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 215 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D75221 hue: 0.04 , saturation: 0.73 and the lightness value of d75221 is 0.49.

#d75221
(215 , 82 , 33)
  • R (215)
  • G (82)
  • B (33)
  • C (0)
  • M (52.16)
  • Y (71.37)
  • K (15.69)

Applying the #d75221

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

#d24d1c
#cd4817
#c84312
#c33e0d
#be3908
#b93403
#b42f00
#af2a00
#aa2500
#a52000
#a01b00
#9b1600
#e35e2d
#ef6a39
#fb7645
#ff8251
#ff8e5d
#ff9a69
#ffa675
#ffb281
#ffbe8d
#ffca99
#ffd6a5
#ffe2b1

Color spaces of #d75221

Type Values
RGB 215 82 33
HSL 0.04 0.73 0.49
HSV 16 85 84
CMYK 0 52.16 71.37 15.69
XYZ 31.3161 20.5915 3.7629
Hunter Lab 45.3778 43.7753 26.849
CIE-Lab 52.4994 50.0835 52.9573

Base Numbers

BaseRedGreenBlue
Decimal 215 82 33
Binary 11010111 1010010 100001
Octal 327 122 41
Hex D7 52 21

Monochromatic Colors

#f06b3a
#ff8453
#ff9d6c
#ffb685
#ffcf9e
#ffe8b7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d75221 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D75221 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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