#ed7f42 hex color

In a RGB color space, hex #ed7f42 is composed of 92.9% red, 49.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.4% magenta, 72.2% yellow and 7.1% black. It has a hue angle of 21.4 degrees, a saturation of 82.6% and a lightness of 59.4%. #ed7f42 color hex could be obtained by blending #fffe84 with #db0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 93
- G 50
- B 26
RGB color chart
- C 0
- M 46
- Y 72
- K 7
CMYK color chart

● #ed7f42 color description : Bright orange.

The hexadecimal color #ed7f42 has RGB values of R:237, G:127, B:66 and CMYK values of C:0, M:0.46, Y:0.72, K:0.07. Its decimal value is 15564610.

Hex triplet	ed7f42	`#ed7f42`
RGB Decimal	237, 127, 66	`rgb(237,127,66)`
RGB Percent	92.9, 49.8, 25.9	`rgb(92.9%,49.8%,25.9%)`
CMYK	0, 46, 72, 7
HSL	21.4°, 82.6, 59.4	`hsl(21.4,82.6%,59.4%)`
HSV (or HSB)	21.4°, 72.2, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	64.628, 37.781, 50.794
XYZ	43.499, 33.58, 9.345
xyY	0.503, 0.389, 33.58
CIE-LCH	64.628, 63.304, 53.357
CIE-LUV	64.628, 87.912, 47.932
Hunter-Lab	57.949, 32.581, 31.003
Binary	11101101, 01111111, 01000010

#ed7f42
```
#ed7f42 rgb(237,127,66)
```
#42b0ed
```
#42b0ed rgb(66,176,237)
```

Complementary Color

#ed425b
```
#ed425b rgb(237,66,91)
```
#ed7f42
```
#ed7f42 rgb(237,127,66)
```
#edd542
```
#edd542 rgb(237,213,66)
```

Analogous Color

#425bed
```
#425bed rgb(66,91,237)
```
#ed7f42
```
#ed7f42 rgb(237,127,66)
```
#42edd5
```
#42edd5 rgb(66,237,213)
```

Split Complementary Color

#7f42ed
```
#7f42ed rgb(127,66,237)
```
#ed7f42
```
#ed7f42 rgb(237,127,66)
```
#42ed7f
```
#42ed7f rgb(66,237,127)
```

Triadic Color

#ed42b0
```
#ed42b0 rgb(237,66,176)
```
#ed7f42
```
#ed7f42 rgb(237,127,66)
```
#42ed7f
```
#42ed7f rgb(66,237,127)
```
#42b0ed
```
#42b0ed rgb(66,176,237)
```

Tetradic Color

#cf5614
```
#cf5614 rgb(207,86,20)
```
#e66016
```
#e66016 rgb(230,96,22)
```
#eb6f2b
```
#eb6f2b rgb(235,111,43)
```
#ed7f42
```
#ed7f42 rgb(237,127,66)
```
#ef8f59
```
#ef8f59 rgb(239,143,89)
```
#f19f71
```
#f19f71 rgb(241,159,113)
```
#f4ae88
```
#f4ae88 rgb(244,174,136)
```

Monochromatic Color

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

#ed5442
```
#ed5442 rgb(237,84,66)
```
#ed6242
```
#ed6242 rgb(237,98,66)
```
#ed7142
```
#ed7142 rgb(237,113,66)
```
#ed7f42
```
#ed7f42 rgb(237,127,66)
```
#ed8d42
```
#ed8d42 rgb(237,141,66)
```
#ed9c42
```
#ed9c42 rgb(237,156,66)
```
#edaa42
```
#edaa42 rgb(237,170,66)
```

Similar Colors

Text with hexadecimal color #ed7f42

This text has a font color of #ed7f42.

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

#ed7f42 background color

This paragraph has a background color of #ed7f42.

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

#ed7f42 border color

This element has a border color of #ed7f42.

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

CSS codes

.text {color:#ed7f42;}

.background {background-color:#ed7f42;}

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

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)
```
#1a0b02
```
#1a0b02 rgb(26,11,2)
```
#2c1204
```
#2c1204 rgb(44,18,4)
```
#3e1a06
```
#3e1a06 rgb(62,26,6)
```
#502108
```
#502108 rgb(80,33,8)
```
#622909
```
#622909 rgb(98,41,9)
```
#73300b
```
#73300b rgb(115,48,11)
```
#85380d
```
#85380d rgb(133,56,13)
```
#973f0e
```
#973f0e rgb(151,63,14)
```
#a94710
```
#a94710 rgb(169,71,16)
```
#bb4e12
```
#bb4e12 rgb(187,78,18)
```
#cd5614
```
#cd5614 rgb(205,86,20)
```
#df5d15
```
#df5d15 rgb(223,93,21)
```

Shade Color Variation

#ea671e
```
#ea671e rgb(234,103,30)
```
#eb7330
```
#eb7330 rgb(235,115,48)
```
#ed7f42
```
#ed7f42 rgb(237,127,66)
```
#ef8b54
```
#ef8b54 rgb(239,139,84)
```
#f09766
```
#f09766 rgb(240,151,102)
```
#f2a378
```
#f2a378 rgb(242,163,120)
```
#f4b08a
```
#f4b08a rgb(244,176,138)
```
#f6bc9c
```
#f6bc9c rgb(246,188,156)
```
#f7c8ad
```
#f7c8ad rgb(247,200,173)
```
#f9d4bf
```
#f9d4bf rgb(249,212,191)
```
#fbe0d1
```
#fbe0d1 rgb(251,224,209)
```
#fcece3
```
#fcece3 rgb(252,236,227)
```
#fef8f5
```
#fef8f5 rgb(254,248,245)
```

Tint Color Variation

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

#9d9692
```
#9d9692 rgb(157,150,146)
```
#a5948a
```
#a5948a rgb(165,148,138)
```
#ad9182
```
#ad9182 rgb(173,145,130)
```
#b58f7a
```
#b58f7a rgb(181,143,122)
```
#bd8d72
```
#bd8d72 rgb(189,141,114)
```
#c58a6a
```
#c58a6a rgb(197,138,106)
```
#cd8862
```
#cd8862 rgb(205,136,98)
```
#d5865a
```
#d5865a rgb(213,134,90)
```
#dd8452
```
#dd8452 rgb(221,132,82)
```
#e5814a
```
#e5814a rgb(229,129,74)
```
#ed7f42
```
#ed7f42 rgb(237,127,66)
```
#f57d3a
```
#f57d3a rgb(245,125,58)
```
#fd7a32
```
#fd7a32 rgb(253,122,50)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#aa9488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a154 Protanopia 1% of men
#c79a45 Deuteranopia 1% of men
#f17e87 Tritanopia 0.001% of the population

Trichromacy

#c7954d Protanomaly 1% of men, 0.01% of women
#d59044 Deuteranomaly 6% of men, 0.4% of women
#ef7e6d Tritanomaly 0.01% of the population

#ed7f42 hex color

#ed7f42 Color Information

#ed7f42 Color Conversion

Color Schemes with #ed7f42

Alternatives to #ed7f42

#ed7f42 Preview

Shades and Tints of #ed7f42

Tones of #ed7f42

Color Blindness Simulator