#ed7a2d hex color

In a RGB color space, hex #ed7a2d is composed of 92.9% red, 47.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 81% yellow and 7.1% black. It has a hue angle of 24.1 degrees, a saturation of 84.2% and a lightness of 55.3%. #ed7a2d color hex could be obtained by blending #fff45a with #db0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 93
- G 48
- B 18
RGB color chart
- C 0
- M 49
- Y 81
- K 7
CMYK color chart

● #ed7a2d color description : Bright orange.

The hexadecimal color #ed7a2d has RGB values of R:237, G:122, B:45 and CMYK values of C:0, M:0.49, Y:0.81, K:0.07. Its decimal value is 15563309.

Hex triplet	ed7a2d	`#ed7a2d`
RGB Decimal	237, 122, 45	`rgb(237,122,45)`
RGB Percent	92.9, 47.8, 17.6	`rgb(92.9%,47.8%,17.6%)`
CMYK	0, 49, 81, 7
HSL	24.1°, 84.2, 55.3	`hsl(24.1,84.2%,55.3%)`
HSV (or HSB)	24.1°, 81, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	63.439, 39.511, 58.996
XYZ	42.36, 32.117, 6.451
xyY	0.523, 0.397, 32.117
CIE-LCH	63.439, 71.005, 56.189
CIE-LUV	63.439, 93.963, 52.395
Hunter-Lab	56.672, 34.245, 32.921
Binary	11101101, 01111010, 00101101

#ed7a2d
```
#ed7a2d rgb(237,122,45)
```
#2da0ed
```
#2da0ed rgb(45,160,237)
```

Complementary Color

#ed2d40
```
#ed2d40 rgb(237,45,64)
```
#ed7a2d
```
#ed7a2d rgb(237,122,45)
```
#edda2d
```
#edda2d rgb(237,218,45)
```

Analogous Color

#2d40ed
```
#2d40ed rgb(45,64,237)
```
#ed7a2d
```
#ed7a2d rgb(237,122,45)
```
#2dedda
```
#2dedda rgb(45,237,218)
```

Split Complementary Color

#7a2ded
```
#7a2ded rgb(122,45,237)
```
#ed7a2d
```
#ed7a2d rgb(237,122,45)
```
#2ded7a
```
#2ded7a rgb(45,237,122)
```

Triadic Color

#ed2da0
```
#ed2da0 rgb(237,45,160)
```
#ed7a2d
```
#ed7a2d rgb(237,122,45)
```
#2ded7a
```
#2ded7a rgb(45,237,122)
```
#2da0ed
```
#2da0ed rgb(45,160,237)
```

Tetradic Color

#bd5610
```
#bd5610 rgb(189,86,16)
```
#d56012
```
#d56012 rgb(213,96,18)
```
#eb6b16
```
#eb6b16 rgb(235,107,22)
```
#ed7a2d
```
#ed7a2d rgb(237,122,45)
```
#ef8944
```
#ef8944 rgb(239,137,68)
```
#f1985c
```
#f1985c rgb(241,152,92)
```
#f3a773
```
#f3a773 rgb(243,167,115)
```

Monochromatic Color

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

#ed4a2d
```
#ed4a2d rgb(237,74,45)
```
#ed5a2d
```
#ed5a2d rgb(237,90,45)
```
#ed6a2d
```
#ed6a2d rgb(237,106,45)
```
#ed7a2d
```
#ed7a2d rgb(237,122,45)
```
#ed8a2d
```
#ed8a2d rgb(237,138,45)
```
#ed9a2d
```
#ed9a2d rgb(237,154,45)
```
#edaa2d
```
#edaa2d rgb(237,170,45)
```

Similar Colors

Text with hexadecimal color #ed7a2d

This text has a font color of #ed7a2d.

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

#ed7a2d background color

This paragraph has a background color of #ed7a2d.

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

#ed7a2d border color

This element has a border color of #ed7a2d.

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

CSS codes

.text {color:#ed7a2d;}

.background {background-color:#ed7a2d;}

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

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, #070301 is the darkest color, while #fef8f4 is the lightest one.

#070301
```
#070301 rgb(7,3,1)
```
#190b02
```
#190b02 rgb(25,11,2)
```
#2b1304
```
#2b1304 rgb(43,19,4)
```
#3d1c05
```
#3d1c05 rgb(61,28,5)
```
#4f2407
```
#4f2407 rgb(79,36,7)
```
#612c08
```
#612c08 rgb(97,44,8)
```
#73340a
```
#73340a rgb(115,52,10)
```
#853c0b
```
#853c0b rgb(133,60,11)
```
#97440d
```
#97440d rgb(151,68,13)
```
#a94d0f
```
#a94d0f rgb(169,77,15)
```
#bb5510
```
#bb5510 rgb(187,85,16)
```
#ce5d12
```
#ce5d12 rgb(206,93,18)
```
#e06513
```
#e06513 rgb(224,101,19)
```

Shade Color Variation

#eb6f1b
```
#eb6f1b rgb(235,111,27)
```
#ed7a2d
```
#ed7a2d rgb(237,122,45)
```
#ef853f
```
#ef853f rgb(239,133,63)
```
#f09151
```
#f09151 rgb(240,145,81)
```
#f29c63
```
#f29c63 rgb(242,156,99)
```
#f3a875
```
#f3a875 rgb(243,168,117)
```
#f5b387
```
#f5b387 rgb(245,179,135)
```
#f6bf99
```
#f6bf99 rgb(246,191,153)
```
#f8caab
```
#f8caab rgb(248,202,171)
```
#f9d6be
```
#f9d6be rgb(249,214,190)
```
#fbe1d0
```
#fbe1d0 rgb(251,225,208)
```
#fcece2
```
#fcece2 rgb(252,236,226)
```
#fef8f4
```
#fef8f4 rgb(254,248,244)
```

Tint Color Variation

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

#958b85
```
#958b85 rgb(149,139,133)
```
#9e8a7c
```
#9e8a7c rgb(158,138,124)
```
#a78873
```
#a78873 rgb(167,136,115)
```
#b0866a
```
#b0866a rgb(176,134,106)
```
#b88462
```
#b88462 rgb(184,132,98)
```
#c18359
```
#c18359 rgb(193,131,89)
```
#ca8150
```
#ca8150 rgb(202,129,80)
```
#d37f47
```
#d37f47 rgb(211,127,71)
```
#db7d3f
```
#db7d3f rgb(219,125,63)
```
#e47c36
```
#e47c36 rgb(228,124,54)
```
#ed7a2d
```
#ed7a2d rgb(237,122,45)
```
#f67824
```
#f67824 rgb(246,120,36)
```
#ff771b
```
#ff771b rgb(255,119,27)
```

Tone Color Variation

Below, you can see how #ed7a2d 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

#949494 Achromatopsia 0.005% of the population
#a68f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09f3f Protanopia 1% of men
#c5972e Deuteranopia 1% of men
#f17981 Tritanopia 0.001% of the population

Trichromacy

#c69139 Protanomaly 1% of men, 0.01% of women
#d38c2d Deuteranomaly 6% of men, 0.4% of women
#ef7962 Tritanomaly 0.01% of the population

#ed7a2d hex color

#ed7a2d Color Information

#ed7a2d Color Conversion

Color Schemes with #ed7a2d

Alternatives to #ed7a2d

#ed7a2d Preview

Shades and Tints of #ed7a2d

Tones of #ed7a2d

Color Blindness Simulator