#EDA255 Information

#EDA255 color RGB value is (237 , 162 , 85) , HEX triplet: ed, a2 and 55. RGB value is (237 , 162 , 85). Sum of RGB (Red+Green+Blue) = 237+162+85=484 (Red value is 237 (92.94% from 255 or 110.23% from 215); Green value is 162 (63.53% from 255 or 75.35% from 215); Blue value is 85 (33.33% from 255 or 39.53% from 215); Max value from RGB is 237 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #EDA255 hue: 0.08 , saturation: 0.81 and the lightness value of eda255 is 0.63.

#eda255
(237 , 162 , 85)
  • R (237)
  • G (162)
  • B (85)
  • C (0)
  • M (29.41)
  • Y (59.61)
  • K (7.06)

Applying the #eda255

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

#e89d50
#e3984b
#de9346
#d98e41
#d4893c
#cf8437
#ca7f32
#c57a2d
#c07528
#bb7023
#b66b1e
#b16619
#f9ae61
#ffba6d
#ffc679
#ffd285
#ffde91
#ffea9d
#fff6a9
#ffffb5
#ffffc1
#ffffcd
#ffffd9
#ffffe5

Color spaces of #eda255

Type Values
RGB 237 162 85
HSL 0.08 0.81 0.63
HSV 30 64 93
CMYK 0 29.41 59.61 7.06
XYZ 49.4851 44.5011 14.5757
Hunter Lab 66.7091 15.6713 33.7453
CIE-Lab 72.5621 20.5036 50.3828

Base Numbers

BaseRedGreenBlue
Decimal 237 162 85
Binary 11101101 10100010 1010101
Octal 355 242 125
Hex ED A2 55

Monochromatic Colors

#ffbb6e
#ffd487
#ffeda0
#ffffb9
#ffffd2
#ffffeb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#eda255 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#EDA255 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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