#D7421B Information

#D7421B color RGB value is (215 , 66 , 27) , HEX triplet: d7, 42 and 1b. RGB value is (215 , 66 , 27). Sum of RGB (Red+Green+Blue) = 215+66+27=308 (Red value is 215 (84.31% from 255 or 100% from 215); Green value is 66 (25.88% from 255 or 30.7% from 215); Blue value is 27 (10.59% from 255 or 12.56% from 215); Max value from RGB is 215 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D7421B hue: 0.03 , saturation: 0.78 and the lightness value of d7421b is 0.47.

#d7421b
(215 , 66 , 27)
  • R (215)
  • G (66)
  • B (27)
  • C (0)
  • M (58.43)
  • Y (73.73)
  • K (15.69)

Applying the #d7421b

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

#d23d16
#cd3811
#c8330c
#c32e07
#be2902
#b92400
#b41f00
#af1a00
#aa1500
#a51000
#a00b00
#9b0600
#e34e27
#ef5a33
#fb663f
#ff724b
#ff7e57
#ff8a63
#ff966f
#ffa27b
#ffae87
#ffba93
#ffc69f
#ffd2ab

Color spaces of #d7421b

Type Values
RGB 215 66 27
HSL 0.03 0.78 0.47
HSV 12 87 84
CMYK 0 58.43 73.73 15.69
XYZ 30.1704 18.4226 3.0027
Hunter Lab 42.9216 50.3582 25.8981
CIE-Lab 50.0048 56.5724 53.3768

Base Numbers

BaseRedGreenBlue
Decimal 215 66 27
Binary 11010111 1000010 11011
Octal 327 102 33
Hex D7 42 1B

Monochromatic Colors

#f05b34
#ff744d
#ff8d66
#ffa67f
#ffbf98
#ffd8b1

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d7421b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D7421B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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