colorhexa.com

#ed7a2e hex color

In a RGB color space, hex #ed7a2e is composed of 92.9% red, 47.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 80.6% yellow and 7.1% black. It has a hue angle of 23.9 degrees, a saturation of 84.1% and a lightness of 55.5%. #ed7a2e color hex could be obtained by blending #fff45c with #db0000. Closest websafe color is: #ff6633.

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

● #ed7a2e color description : Bright orange.

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

Hex triplet	ed7a2e	`#ed7a2e`
RGB Decimal	237, 122, 46	`rgb(237,122,46)`
RGB Percent	92.9, 47.8, 18	`rgb(92.9%,47.8%,18%)`
CMYK	0, 49, 81, 7
HSL	23.9°, 84.1, 55.5	`hsl(23.9,84.1%,55.5%)`
HSV (or HSB)	23.9°, 80.6, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	63.446, 39.542, 58.596
XYZ	42.379, 32.125, 6.554
xyY	0.523, 0.396, 32.125
CIE-LCH	63.446, 70.69, 55.988
CIE-LUV	63.446, 93.881, 52.148
Hunter-Lab	56.679, 34.279, 32.82
Binary	11101101, 01111010, 00101110

#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#2ea1ed
```
#2ea1ed rgb(46,161,237)
```

Complementary Color

#ed2e42
```
#ed2e42 rgb(237,46,66)
```
#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#edda2e
```
#edda2e rgb(237,218,46)
```

Analogous Color

#2e42ed
```
#2e42ed rgb(46,66,237)
```
#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#2eedda
```
#2eedda rgb(46,237,218)
```

Split Complementary Color

#7a2eed
```
#7a2eed rgb(122,46,237)
```
#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#2eed7a
```
#2eed7a rgb(46,237,122)
```

Triadic Color

#ed2ea1
```
#ed2ea1 rgb(237,46,161)
```
#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#2eed7a
```
#2eed7a rgb(46,237,122)
```
#2ea1ed
```
#2ea1ed rgb(46,161,237)
```

Tetradic Color

#be5610
```
#be5610 rgb(190,86,16)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#eb6b17
```
#eb6b17 rgb(235,107,23)
```
#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#ef8945
```
#ef8945 rgb(239,137,69)
```
#f1985d
```
#f1985d rgb(241,152,93)
```
#f3a774
```
#f3a774 rgb(243,167,116)
```

Monochromatic Color

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

#ed4a2e
```
#ed4a2e rgb(237,74,46)
```
#ed5a2e
```
#ed5a2e rgb(237,90,46)
```
#ed6a2e
```
#ed6a2e rgb(237,106,46)
```
#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#ed8a2e
```
#ed8a2e rgb(237,138,46)
```
#ed9a2e
```
#ed9a2e rgb(237,154,46)
```
#edaa2e
```
#edaa2e rgb(237,170,46)
```

Similar Colors

Text with hexadecimal color #ed7a2e

This text has a font color of #ed7a2e.

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

#ed7a2e background color

This paragraph has a background color of #ed7a2e.

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

#ed7a2e border color

This element has a border color of #ed7a2e.

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

CSS codes

.text {color:#ed7a2e;}

.background {background-color:#ed7a2e;}

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

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

#080301
```
#080301 rgb(8,3,1)
```
#1a0c02
```
#1a0c02 rgb(26,12,2)
```
#2c1404
```
#2c1404 rgb(44,20,4)
```
#3e1c05
```
#3e1c05 rgb(62,28,5)
```
#502407
```
#502407 rgb(80,36,7)
```
#622c08
```
#622c08 rgb(98,44,8)
```
#74340a
```
#74340a rgb(116,52,10)
```
#863c0c
```
#863c0c rgb(134,60,12)
```
#98440d
```
#98440d rgb(152,68,13)
```
#aa4d0f
```
#aa4d0f rgb(170,77,15)
```
#bc5510
```
#bc5510 rgb(188,85,16)
```
#ce5d12
```
#ce5d12 rgb(206,93,18)
```
#e06513
```
#e06513 rgb(224,101,19)
```

Shade Color Variation

#eb6f1c
```
#eb6f1c rgb(235,111,28)
```
#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#ef8540
```
#ef8540 rgb(239,133,64)
```
#f09152
```
#f09152 rgb(240,145,82)
```
#f29c64
```
#f29c64 rgb(242,156,100)
```
#f3a876
```
#f3a876 rgb(243,168,118)
```
#f5b388
```
#f5b388 rgb(245,179,136)
```
#f6bf9a
```
#f6bf9a rgb(246,191,154)
```
#f8caac
```
#f8caac rgb(248,202,172)
```
#f9d6be
```
#f9d6be rgb(249,214,190)
```
#fbe1d1
```
#fbe1d1 rgb(251,225,209)
```
#fdede3
```
#fdede3 rgb(253,237,227)
```
#fef8f5
```
#fef8f5 rgb(254,248,245)
```

Tint Color Variation

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

#968c85
```
#968c85 rgb(150,140,133)
```
#9e8a7d
```
#9e8a7d rgb(158,138,125)
```
#a78874
```
#a78874 rgb(167,136,116)
```
#b0866b
```
#b0866b rgb(176,134,107)
```
#b98562
```
#b98562 rgb(185,133,98)
```
#c1835a
```
#c1835a rgb(193,131,90)
```
#ca8151
```
#ca8151 rgb(202,129,81)
```
#d37f48
```
#d37f48 rgb(211,127,72)
```
#dc7e3f
```
#dc7e3f rgb(220,126,63)
```
#e47c37
```
#e47c37 rgb(228,124,55)
```
#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#f67825
```
#f67825 rgb(246,120,37)
```
#fe761d
```
#fe761d rgb(254,118,29)
```

Tone Color Variation

Below, you can see how #ed7a2e 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
#a68f80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09f40 Protanopia 1% of men
#c5972f Deuteranopia 1% of men
#f17981 Tritanopia 0.001% of the population

Trichromacy

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