#ed7342 hex color

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

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

● #ed7342 color description : Bright orange.

The hexadecimal color #ed7342 has RGB values of R:237, G:115, B:66 and CMYK values of C:0, M:0.51, Y:0.72, K:0.07. Its decimal value is 15561538.

Hex triplet	ed7342	`#ed7342`
RGB Decimal	237, 115, 66	`rgb(237,115,66)`
RGB Percent	92.9, 45.1, 25.9	`rgb(92.9%,45.1%,25.9%)`
CMYK	0, 51, 72, 7
HSL	17.2°, 82.6, 59.4	`hsl(17.2,82.6%,59.4%)`
HSV (or HSB)	17.2°, 72.2, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.222, 43.795, 48.203
XYZ	42.041, 30.663, 8.859
xyY	0.515, 0.376, 30.663
CIE-LCH	62.222, 65.127, 47.743
CIE-LUV	62.222, 97.317, 43.497
Hunter-Lab	55.374, 38.613, 29.277
Binary	11101101, 01110011, 01000010

#ed7342
```
#ed7342 rgb(237,115,66)
```
#42bced
```
#42bced rgb(66,188,237)
```

Complementary Color

#ed4267
```
#ed4267 rgb(237,66,103)
```
#ed7342
```
#ed7342 rgb(237,115,66)
```
#edc942
```
#edc942 rgb(237,201,66)
```

Analogous Color

#4267ed
```
#4267ed rgb(66,103,237)
```
#ed7342
```
#ed7342 rgb(237,115,66)
```
#42edc9
```
#42edc9 rgb(66,237,201)
```

Split Complementary Color

#7342ed
```
#7342ed rgb(115,66,237)
```
#ed7342
```
#ed7342 rgb(237,115,66)
```
#42ed73
```
#42ed73 rgb(66,237,115)
```

Triadic Color

#ed42bc
```
#ed42bc rgb(237,66,188)
```
#ed7342
```
#ed7342 rgb(237,115,66)
```
#42ed73
```
#42ed73 rgb(66,237,115)
```
#42bced
```
#42bced rgb(66,188,237)
```

Tetradic Color

#cf4914
```
#cf4914 rgb(207,73,20)
```
#e65216
```
#e65216 rgb(230,82,22)
```
#eb622b
```
#eb622b rgb(235,98,43)
```
#ed7342
```
#ed7342 rgb(237,115,66)
```
#ef8459
```
#ef8459 rgb(239,132,89)
```
#f19571
```
#f19571 rgb(241,149,113)
```
#f4a788
```
#f4a788 rgb(244,167,136)
```

Monochromatic Color

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

#ed4842
```
#ed4842 rgb(237,72,66)
```
#ed5742
```
#ed5742 rgb(237,87,66)
```
#ed6542
```
#ed6542 rgb(237,101,66)
```
#ed7342
```
#ed7342 rgb(237,115,66)
```
#ed8142
```
#ed8142 rgb(237,129,66)
```
#ed9042
```
#ed9042 rgb(237,144,66)
```
#ed9e42
```
#ed9e42 rgb(237,158,66)
```

Similar Colors

Text with hexadecimal color #ed7342

This text has a font color of #ed7342.

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

#ed7342 background color

This paragraph has a background color of #ed7342.

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

#ed7342 border color

This element has a border color of #ed7342.

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

CSS codes

.text {color:#ed7342;}

.background {background-color:#ed7342;}

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

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)
```
#1a0902
```
#1a0902 rgb(26,9,2)
```
#2c1004
```
#2c1004 rgb(44,16,4)
```
#3e1606
```
#3e1606 rgb(62,22,6)
```
#501c08
```
#501c08 rgb(80,28,8)
```
#622309
```
#622309 rgb(98,35,9)
```
#73290b
```
#73290b rgb(115,41,11)
```
#852f0d
```
#852f0d rgb(133,47,13)
```
#97360e
```
#97360e rgb(151,54,14)
```
#a93c10
```
#a93c10 rgb(169,60,16)
```
#bb4212
```
#bb4212 rgb(187,66,18)
```
#cd4914
```
#cd4914 rgb(205,73,20)
```
#df4f15
```
#df4f15 rgb(223,79,21)
```

Shade Color Variation

#ea581e
```
#ea581e rgb(234,88,30)
```
#eb6630
```
#eb6630 rgb(235,102,48)
```
#ed7342
```
#ed7342 rgb(237,115,66)
```
#ef8054
```
#ef8054 rgb(239,128,84)
```
#f08e66
```
#f08e66 rgb(240,142,102)
```
#f29b78
```
#f29b78 rgb(242,155,120)
```
#f4a88a
```
#f4a88a rgb(244,168,138)
```
#f6b59c
```
#f6b59c rgb(246,181,156)
```
#f7c3ad
```
#f7c3ad rgb(247,195,173)
```
#f9d0bf
```
#f9d0bf rgb(249,208,191)
```
#fbddd1
```
#fbddd1 rgb(251,221,209)
```
#fceae3
```
#fceae3 rgb(252,234,227)
```
#fef8f5
```
#fef8f5 rgb(254,248,245)
```

Tint Color Variation

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

#9d9592
```
#9d9592 rgb(157,149,146)
```
#a5928a
```
#a5928a rgb(165,146,138)
```
#ad8e82
```
#ad8e82 rgb(173,142,130)
```
#b58b7a
```
#b58b7a rgb(181,139,122)
```
#bd8772
```
#bd8772 rgb(189,135,114)
```
#c5846a
```
#c5846a rgb(197,132,106)
```
#cd8162
```
#cd8162 rgb(205,129,98)
```
#d57d5a
```
#d57d5a rgb(213,125,90)
```
#dd7a52
```
#dd7a52 rgb(221,122,82)
```
#e5764a
```
#e5764a rgb(229,118,74)
```
#ed7342
```
#ed7342 rgb(237,115,66)
```
#f5703a
```
#f5703a rgb(245,112,58)
```
#fd6c32
```
#fd6c32 rgb(253,108,50)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a48c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9b56 Protanopia 1% of men
#bf9444 Deuteranopia 1% of men
#f0747b Tritanopia 0.001% of the population

Trichromacy

#c38d4e Protanomaly 1% of men, 0.01% of women
#d08843 Deuteranomaly 6% of men, 0.4% of women
#ef7366 Tritanomaly 0.01% of the population

#ed7342 hex color

#ed7342 Color Information

#ed7342 Color Conversion

Color Schemes with #ed7342

Alternatives to #ed7342

#ed7342 Preview

Shades and Tints of #ed7342

Tones of #ed7342

Color Blindness Simulator