#ED9848 Information

#ED9848 color RGB value is (237 , 152 , 72) , HEX triplet: ed, 98 and 48. RGB value is (237 , 152 , 72). Sum of RGB (Red+Green+Blue) = 237+152+72=461 (Red value is 237 (92.94% from 255 or 110.23% from 215); Green value is 152 (59.61% from 255 or 70.7% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 237 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #ED9848 hue: 0.08 , saturation: 0.82 and the lightness value of ed9848 is 0.61.

#ed9848
(237 , 152 , 72)
  • R (237)
  • G (152)
  • B (72)
  • C (0)
  • M (33.33)
  • Y (64.71)
  • K (7.06)

Applying the #ed9848

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

#e89343
#e38e3e
#de8939
#d98434
#d47f2f
#cf7a2a
#ca7525
#c57020
#c06b1b
#bb6616
#b66111
#b15c0c
#f9a454
#ffb060
#ffbc6c
#ffc878
#ffd484
#ffe090
#ffec9c
#fff8a8
#ffffb4
#ffffc0
#ffffcc
#ffffd8

Color spaces of #ed9848

Type Values
RGB 237 152 72
HSL 0.08 0.82 0.61
HSV 29 70 93
CMYK 0 33.33 64.71 7.06
XYZ 47.323 40.9289 11.5368
Hunter Lab 63.9757 20.0798 34.094
CIE-Lab 70.1261 25.0583 53.854

Base Numbers

BaseRedGreenBlue
Decimal 237 152 72
Binary 11101101 10011000 1001000
Octal 355 230 110
Hex ED 98 48

Monochromatic Colors

#ffb161
#ffca7a
#ffe393
#fffcac
#ffffc5
#ffffde

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ed9848 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ED9848 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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