#DE962E Information

#DE962E color RGB value is (222 , 150 , 46) , HEX triplet: de, 96 and 2e. RGB value is (222 , 150 , 46). Sum of RGB (Red+Green+Blue) = 222+150+46=418 (Red value is 222 (87.06% from 255 or 103.26% from 215); Green value is 150 (58.82% from 255 or 69.77% from 215); Blue value is 46 (18.04% from 255 or 21.4% from 215); Max value from RGB is 222 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DE962E hue: 0.1 , saturation: 0.73 and the lightness value of de962e is 0.53.

#de962e
(222 , 150 , 46)
  • R (222)
  • G (150)
  • B (46)
  • C (0)
  • M (28.24)
  • Y (69.02)
  • K (12.94)

Applying the #de962e

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

#d99129
#d48c24
#cf871f
#ca821a
#c57d15
#c07810
#bb730b
#b66e06
#b16901
#ac6400
#a75f00
#a25a00
#eaa23a
#f6ae46
#ffba52
#ffc65e
#ffd26a
#ffde76
#ffea82
#fff68e
#ffff9a
#ffffa6
#ffffb2
#ffffbe

Color spaces of #de962e

Type Values
RGB 222 150 46
HSL 0.1 0.73 0.53
HSV 35 79 87
CMYK 0 28.24 69.02 12.94
XYZ 41.5237 37.5395 7.6421
Hunter Lab 61.2695 13.7519 35.4951
CIE-Lab 67.6799 18.7038 61.7769

Base Numbers

BaseRedGreenBlue
Decimal 222 150 46
Binary 11011110 10010110 101110
Octal 336 226 56
Hex DE 96 2E

Monochromatic Colors

#f7af47
#ffc860
#ffe179
#fffa92
#ffffab
#ffffc4

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#de962e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DE962E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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