#DE474E Information

#DE474E color RGB value is (222 , 71 , 78) , HEX triplet: de, 47 and 4e. RGB value is (222 , 71 , 78). Sum of RGB (Red+Green+Blue) = 222+71+78=371 (Red value is 222 (87.06% from 255 or 103.26% from 215); Green value is 71 (27.84% from 255 or 33.02% from 215); Blue value is 78 (30.59% from 255 or 36.28% from 215); Max value from RGB is 222 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DE474E hue: 0.99 , saturation: 0.7 and the lightness value of de474e is 0.57.

#de474e
(222 , 71 , 78)
  • R (222)
  • G (71)
  • B (78)
  • C (0)
  • M (59.22)
  • Y (56.47)
  • K (12.94)

Applying the #de474e

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

#d94249
#d43d44
#cf383f
#ca333a
#c52e35
#c02930
#bb242b
#b61f26
#b11a21
#ac151c
#a71017
#a20b12
#ea535a
#f65f66
#ff6b72
#ff777e
#ff838a
#ff8f96
#ff9ba2
#ffa7ae
#ffb3ba
#ffbfc6
#ffcbd2
#ffd7de

Color spaces of #de474e

Type Values
RGB 222 71 78
HSL 0.99 0.7 0.57
HSV 357 68 87
CMYK 0 59.22 56.47 12.94
XYZ 33.7526 20.5861 9.4023
Hunter Lab 45.3719 53.3869 19.4776
CIE-Lab 52.4935 58.8423 29.6918

Base Numbers

BaseRedGreenBlue
Decimal 222 71 78
Binary 11011110 1000111 1001110
Octal 336 107 116
Hex DE 47 4E

Monochromatic Colors

#f76067
#ff7980
#ff9299
#ffabb2
#ffc4cb
#ffdde4

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#de474e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DE474E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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