#ed4500 hex color

In a RGB color space, hex #ed4500 is composed of 92.9% red, 27.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.9% magenta, 100% yellow and 7.1% black. It has a hue angle of 17.5 degrees, a saturation of 100% and a lightness of 46.5%. #ed4500 color hex could be obtained by blending #ff8a00 with #db0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 93
- G 27
- B 0
RGB color chart
- C 0
- M 71
- Y 100
- K 7
CMYK color chart

● #ed4500 color description : Pure (or mostly pure) orange.

The hexadecimal color #ed4500 has RGB values of R:237, G:69, B:0 and CMYK values of C:0, M:0.71, Y:1, K:0.07. Its decimal value is 15549696.

Hex triplet	ed4500	`#ed4500`
RGB Decimal	237, 69, 0	`rgb(237,69,0)`
RGB Percent	92.9, 27.1, 0	`rgb(92.9%,27.1%,0%)`
CMYK	0, 71, 100, 7
HSL	17.5°, 100, 46.5	`hsl(17.5,100%,46.5%)`
HSV (or HSB)	17.5°, 100, 92.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.307, 62.215, 65.563
XYZ	37.055, 22.265, 2.347
xyY	0.601, 0.361, 22.265
CIE-LCH	54.307, 90.383, 46.501
CIE-LUV	54.307, 137.105, 43.55
Hunter-Lab	47.186, 57.6, 30.082
Binary	11101101, 01000101, 00000000

#ed4500
```
#ed4500 rgb(237,69,0)
```
#00a8ed
```
#00a8ed rgb(0,168,237)
```

Complementary Color

#ed0032
```
#ed0032 rgb(237,0,50)
```
#ed4500
```
#ed4500 rgb(237,69,0)
```
#edbc00
```
#edbc00 rgb(237,188,0)
```

Analogous Color

#0032ed
```
#0032ed rgb(0,50,237)
```
#ed4500
```
#ed4500 rgb(237,69,0)
```
#00edbc
```
#00edbc rgb(0,237,188)
```

Split Complementary Color

#4500ed
```
#4500ed rgb(69,0,237)
```
#ed4500
```
#ed4500 rgb(237,69,0)
```
#00ed45
```
#00ed45 rgb(0,237,69)
```

Triadic Color

#ed00a8
```
#ed00a8 rgb(237,0,168)
```
#ed4500
```
#ed4500 rgb(237,69,0)
```
#00ed45
```
#00ed45 rgb(0,237,69)
```
#00a8ed
```
#00a8ed rgb(0,168,237)
```

Tetradic Color

#a12f00
```
#a12f00 rgb(161,47,0)
```
#ba3600
```
#ba3600 rgb(186,54,0)
```
#d43e00
```
#d43e00 rgb(212,62,0)
```
#ed4500
```
#ed4500 rgb(237,69,0)
```
#ff5007
```
#ff5007 rgb(255,80,7)
```
#ff6221
```
#ff6221 rgb(255,98,33)
```
#ff743b
```
#ff743b rgb(255,116,59)
```

Monochromatic Color

Below, you can see some colors close to #ed4500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ed0a00
```
#ed0a00 rgb(237,10,0)
```
#ed1d00
```
#ed1d00 rgb(237,29,0)
```
#ed3100
```
#ed3100 rgb(237,49,0)
```
#ed4500
```
#ed4500 rgb(237,69,0)
```
#ed5900
```
#ed5900 rgb(237,89,0)
```
#ed6d00
```
#ed6d00 rgb(237,109,0)
```
#ed8000
```
#ed8000 rgb(237,128,0)
```

Similar Colors

Text with hexadecimal color #ed4500

This text has a font color of #ed4500.

<span style="color:#ed4500;">Text here</span>

#ed4500 background color

This paragraph has a background color of #ed4500.

<p style="background-color:#ed4500;">Content here</p>

#ed4500 border color

This element has a border color of #ed4500.

<div style="border:1px solid #ed4500;">Content here</div>

CSS codes

.text {color:#ed4500;}

.background {background-color:#ed4500;}

.border {border:1px solid #ed4500;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020000 is the darkest color, while #fff2ed is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#150600
```
#150600 rgb(21,6,0)
```
#290c00
```
#290c00 rgb(41,12,0)
```
#3c1200
```
#3c1200 rgb(60,18,0)
```
#501700
```
#501700 rgb(80,23,0)
```
#641d00
```
#641d00 rgb(100,29,0)
```
#772300
```
#772300 rgb(119,35,0)
```
#8b2800
```
#8b2800 rgb(139,40,0)
```
#9f2e00
```
#9f2e00 rgb(159,46,0)
```
#b23400
```
#b23400 rgb(178,52,0)
```
#c63a00
```
#c63a00 rgb(198,58,0)
```
#d93f00
```
#d93f00 rgb(217,63,0)
```
#ed4500
```
#ed4500 rgb(237,69,0)
```

Shade Color Variation

#ff4b02
```
#ff4b02 rgb(255,75,2)
```
#ff5915
```
#ff5915 rgb(255,89,21)
```
#ff6729
```
#ff6729 rgb(255,103,41)
```
#ff753c
```
#ff753c rgb(255,117,60)
```
#ff8350
```
#ff8350 rgb(255,131,80)
```
#ff9164
```
#ff9164 rgb(255,145,100)
```
#ff9f77
```
#ff9f77 rgb(255,159,119)
```
#ffad8b
```
#ffad8b rgb(255,173,139)
```
#ffbb9f
```
#ffbb9f rgb(255,187,159)
```
#ffc9b2
```
#ffc9b2 rgb(255,201,178)
```
#ffd6c6
```
#ffd6c6 rgb(255,214,198)
```
#ffe4d9
```
#ffe4d9 rgb(255,228,217)
```
#fff2ed
```
#fff2ed rgb(255,242,237)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80736d is the less saturated color, while #ed4500 is the most saturated one.

#80736d
```
#80736d rgb(128,115,109)
```
#896f64
```
#896f64 rgb(137,111,100)
```
#926b5b
```
#926b5b rgb(146,107,91)
```
#9b6752
```
#9b6752 rgb(155,103,82)
```
#a46349
```
#a46349 rgb(164,99,73)
```
#ad6040
```
#ad6040 rgb(173,96,64)
```
#b65c37
```
#b65c37 rgb(182,92,55)
```
#bf582e
```
#bf582e rgb(191,88,46)
```
#c95424
```
#c95424 rgb(201,84,36)
```
#d2501b
```
#d2501b rgb(210,80,27)
```
#db4d12
```
#db4d12 rgb(219,77,18)
```
#e44909
```
#e44909 rgb(228,73,9)
```
#ed4500
```
#ed4500 rgb(237,69,0)
```

Tone Color Variation

Below, you can see how #ed4500 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#6f6f6f Achromatopsia 0.005% of the population
#886759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98881c Protanopia 1% of men
#aa8100 Deuteranopia 1% of men
#ef494c Tritanopia 0.001% of the population

Trichromacy

#b77012 Protanomaly 1% of men, 0.01% of women
#c26b00 Deuteranomaly 6% of men, 0.4% of women
#ee4830 Tritanomaly 0.01% of the population

#ed4500 hex color

#ed4500 Color Information

#ed4500 Color Conversion

Color Schemes with #ed4500

Alternatives to #ed4500

#ed4500 Preview

Shades and Tints of #ed4500

Tones of #ed4500

Color Blindness Simulator