#ed6712 hex color

In a RGB color space, hex #ed6712 is composed of 92.9% red, 40.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 92.4% yellow and 7.1% black. It has a hue angle of 23.3 degrees, a saturation of 85.9% and a lightness of 50%. #ed6712 color hex could be obtained by blending #ffce24 with #db0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 93
- G 40
- B 7
RGB color chart
- C 0
- M 57
- Y 92
- K 7
CMYK color chart

● #ed6712 color description : Vivid orange.

The hexadecimal color #ed6712 has RGB values of R:237, G:103, B:18 and CMYK values of C:0, M:0.57, Y:0.92, K:0.07. Its decimal value is 15558418.

Hex triplet	ed6712	`#ed6712`
RGB Decimal	237, 103, 18	`rgb(237,103,18)`
RGB Percent	92.9, 40.4, 7.1	`rgb(92.9%,40.4%,7.1%)`
CMYK	0, 57, 92, 7
HSL	23.3°, 85.9, 50	`hsl(23.3,85.9%,50%)`
HSV (or HSB)	23.3°, 92.4, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	59.665, 48.197, 64.933
XYZ	39.886, 27.753, 3.829
xyY	0.558, 0.388, 27.753
CIE-LCH	59.665, 80.866, 53.415
CIE-LUV	59.665, 111.159, 51.002
Hunter-Lab	52.681, 42.956, 32.568
Binary	11101101, 01100111, 00010010

#ed6712
```
#ed6712 rgb(237,103,18)
```
#1298ed
```
#1298ed rgb(18,152,237)
```

Complementary Color

#ed122a
```
#ed122a rgb(237,18,42)
```
#ed6712
```
#ed6712 rgb(237,103,18)
```
#edd512
```
#edd512 rgb(237,213,18)
```

Analogous Color

#122aed
```
#122aed rgb(18,42,237)
```
#ed6712
```
#ed6712 rgb(237,103,18)
```
#12edd5
```
#12edd5 rgb(18,237,213)
```

Split Complementary Color

#6712ed
```
#6712ed rgb(103,18,237)
```
#ed6712
```
#ed6712 rgb(237,103,18)
```
#12ed67
```
#12ed67 rgb(18,237,103)
```

Triadic Color

#ed1298
```
#ed1298 rgb(237,18,152)
```
#ed6712
```
#ed6712 rgb(237,103,18)
```
#12ed67
```
#12ed67 rgb(18,237,103)
```
#1298ed
```
#1298ed rgb(18,152,237)
```

Tetradic Color

#a6480d
```
#a6480d rgb(166,72,13)
```
#be520e
```
#be520e rgb(190,82,14)
```
#d55d10
```
#d55d10 rgb(213,93,16)
```
#ed6712
```
#ed6712 rgb(237,103,18)
```
#ef762a
```
#ef762a rgb(239,118,42)
```
#f18541
```
#f18541 rgb(241,133,65)
```
#f29559
```
#f29559 rgb(242,149,89)
```

Monochromatic Color

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

#ed3012
```
#ed3012 rgb(237,48,18)
```
#ed4312
```
#ed4312 rgb(237,67,18)
```
#ed5512
```
#ed5512 rgb(237,85,18)
```
#ed6712
```
#ed6712 rgb(237,103,18)
```
#ed7912
```
#ed7912 rgb(237,121,18)
```
#ed8c12
```
#ed8c12 rgb(237,140,18)
```
#ed9e12
```
#ed9e12 rgb(237,158,18)
```

Similar Colors

Text with hexadecimal color #ed6712

This text has a font color of #ed6712.

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

#ed6712 background color

This paragraph has a background color of #ed6712.

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

#ed6712 border color

This element has a border color of #ed6712.

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

CSS codes

.text {color:#ed6712;}

.background {background-color:#ed6712;}

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

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

#120801
```
#120801 rgb(18,8,1)
```
#241003
```
#241003 rgb(36,16,3)
```
#371804
```
#371804 rgb(55,24,4)
```
#492006
```
#492006 rgb(73,32,6)
```
#5b2807
```
#5b2807 rgb(91,40,7)
```
#6d3008
```
#6d3008 rgb(109,48,8)
```
#80370a
```
#80370a rgb(128,55,10)
```
#923f0b
```
#923f0b rgb(146,63,11)
```
#a4470c
```
#a4470c rgb(164,71,12)
```
#b64f0e
```
#b64f0e rgb(182,79,14)
```
#c9570f
```
#c9570f rgb(201,87,15)
```
#db5f11
```
#db5f11 rgb(219,95,17)
```
#ed6712
```
#ed6712 rgb(237,103,18)
```

Shade Color Variation

#ee7324
```
#ee7324 rgb(238,115,36)
```
#f07e36
```
#f07e36 rgb(240,126,54)
```
#f18a49
```
#f18a49 rgb(241,138,73)
```
#f3965b
```
#f3965b rgb(243,150,91)
```
#f4a16d
```
#f4a16d rgb(244,161,109)
```
#f5ad7f
```
#f5ad7f rgb(245,173,127)
```
#f7b992
```
#f7b992 rgb(247,185,146)
```
#f8c5a4
```
#f8c5a4 rgb(248,197,164)
```
#f9d0b6
```
#f9d0b6 rgb(249,208,182)
```
#fbdcc8
```
#fbdcc8 rgb(251,220,200)
```
#fce8db
```
#fce8db rgb(252,232,219)
```
#fef3ed
```
#fef3ed rgb(254,243,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#817f7e
```
#817f7e rgb(129,127,126)
```
#8b7d74
```
#8b7d74 rgb(139,125,116)
```
#957b6a
```
#957b6a rgb(149,123,106)
```
#9f7960
```
#9f7960 rgb(159,121,96)
```
#a87657
```
#a87657 rgb(168,118,87)
```
#b2744d
```
#b2744d rgb(178,116,77)
```
#bc7243
```
#bc7243 rgb(188,114,67)
```
#c67039
```
#c67039 rgb(198,112,57)
```
#d06e2f
```
#d06e2f rgb(208,110,47)
```
#d96b26
```
#d96b26 rgb(217,107,38)
```
#e3691c
```
#e3691c rgb(227,105,28)
```
#ed6712
```
#ed6712 rgb(237,103,18)
```
#f76508
```
#f76508 rgb(247,101,8)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9a7f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79528 Protanopia 1% of men
#bb8e00 Deuteranopia 1% of men
#f0676e Tritanopia 0.001% of the population

Trichromacy

#c08420 Protanomaly 1% of men, 0.01% of women
#cd8006 Deuteranomaly 6% of men, 0.4% of women
#ef674c Tritanomaly 0.01% of the population

#ed6712 hex color

#ed6712 Color Information

#ed6712 Color Conversion

Color Schemes with #ed6712

Alternatives to #ed6712

#ed6712 Preview

Shades and Tints of #ed6712

Tones of #ed6712

Color Blindness Simulator