#E69645 Information

#E69645 color RGB value is (230 , 150 , 69) , HEX triplet: e6, 96 and 45. RGB value is (230 , 150 , 69). Sum of RGB (Red+Green+Blue) = 230+150+69=449 (Red value is 230 (90.2% from 255 or 106.98% from 215); Green value is 150 (58.82% from 255 or 69.77% from 215); Blue value is 69 (27.06% from 255 or 32.09% from 215); Max value from RGB is 230 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E69645 hue: 0.08 , saturation: 0.76 and the lightness value of e69645 is 0.59.

#e69645
(230 , 150 , 69)
  • R (230)
  • G (150)
  • B (69)
  • C (0)
  • M (31.37)
  • Y (63.14)
  • K (9.8)

Applying the #e69645

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

#e19140
#dc8c3b
#d78736
#d28231
#cd7d2c
#c87827
#c37322
#be6e1d
#b96918
#b46413
#af5f0e
#aa5a09
#f2a251
#feae5d
#ffba69
#ffc675
#ffd281
#ffde8d
#ffea99
#fff6a5
#ffffb1
#ffffbd
#ffffc9
#ffffd5

Color spaces of #e69645

Type Values
RGB 230 150 69
HSL 0.08 0.76 0.59
HSV 30 70 90
CMYK 0 31.37 63.14 9.8
XYZ 44.6137 39.0654 10.8192
Hunter Lab 62.5023 18.0332 33.4911
CIE-Lab 68.7986 23.0683 53.5695

Base Numbers

BaseRedGreenBlue
Decimal 230 150 69
Binary 11100110 10010110 1000101
Octal 346 226 105
Hex E6 96 45

Monochromatic Colors

#ffaf5e
#ffc877
#ffe190
#fffaa9
#ffffc2
#ffffdb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e69645 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E69645 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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