#ed6312 hex color

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

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

● #ed6312 color description : Vivid orange.

The hexadecimal color #ed6312 has RGB values of R:237, G:99, B:18 and CMYK values of C:0, M:0.58, Y:0.92, K:0.07. Its decimal value is 15557394.

Hex triplet	ed6312	`#ed6312`
RGB Decimal	237, 99, 18	`rgb(237,99,18)`
RGB Percent	92.9, 38.8, 7.1	`rgb(92.9%,38.8%,7.1%)`
CMYK	0, 58, 92, 7
HSL	22.2°, 85.9, 50	`hsl(22.2,85.9%,50%)`
HSV (or HSB)	22.2°, 92.4, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.952, 50.05, 64.452
XYZ	39.498, 26.976, 3.699
xyY	0.563, 0.384, 26.976
CIE-LCH	58.952, 81.603, 52.169
CIE-LUV	58.952, 114.354, 49.798
Hunter-Lab	51.939, 44.852, 32.134
Binary	11101101, 01100011, 00010010

#ed6312
```
#ed6312 rgb(237,99,18)
```
#129ced
```
#129ced rgb(18,156,237)
```

Complementary Color

#ed122f
```
#ed122f rgb(237,18,47)
```
#ed6312
```
#ed6312 rgb(237,99,18)
```
#edd112
```
#edd112 rgb(237,209,18)
```

Analogous Color

#122fed
```
#122fed rgb(18,47,237)
```
#ed6312
```
#ed6312 rgb(237,99,18)
```
#12edd1
```
#12edd1 rgb(18,237,209)
```

Split Complementary Color

#6312ed
```
#6312ed rgb(99,18,237)
```
#ed6312
```
#ed6312 rgb(237,99,18)
```
#12ed63
```
#12ed63 rgb(18,237,99)
```

Triadic Color

#ed129c
```
#ed129c rgb(237,18,156)
```
#ed6312
```
#ed6312 rgb(237,99,18)
```
#12ed63
```
#12ed63 rgb(18,237,99)
```
#129ced
```
#129ced rgb(18,156,237)
```

Tetradic Color

#a6450d
```
#a6450d rgb(166,69,13)
```
#be4f0e
```
#be4f0e rgb(190,79,14)
```
#d55910
```
#d55910 rgb(213,89,16)
```
#ed6312
```
#ed6312 rgb(237,99,18)
```
#ef732a
```
#ef732a rgb(239,115,42)
```
#f18241
```
#f18241 rgb(241,130,65)
```
#f29259
```
#f29259 rgb(242,146,89)
```

Monochromatic Color

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

#ed2c12
```
#ed2c12 rgb(237,44,18)
```
#ed3f12
```
#ed3f12 rgb(237,63,18)
```
#ed5112
```
#ed5112 rgb(237,81,18)
```
#ed6312
```
#ed6312 rgb(237,99,18)
```
#ed7512
```
#ed7512 rgb(237,117,18)
```
#ed8812
```
#ed8812 rgb(237,136,18)
```
#ed9a12
```
#ed9a12 rgb(237,154,18)
```

Similar Colors

Text with hexadecimal color #ed6312

This text has a font color of #ed6312.

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

#ed6312 background color

This paragraph has a background color of #ed6312.

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

#ed6312 border color

This element has a border color of #ed6312.

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

CSS codes

.text {color:#ed6312;}

.background {background-color:#ed6312;}

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

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)
```
#240f03
```
#240f03 rgb(36,15,3)
```
#371704
```
#371704 rgb(55,23,4)
```
#491e06
```
#491e06 rgb(73,30,6)
```
#5b2607
```
#5b2607 rgb(91,38,7)
```
#6d2e08
```
#6d2e08 rgb(109,46,8)
```
#80350a
```
#80350a rgb(128,53,10)
```
#923d0b
```
#923d0b rgb(146,61,11)
```
#a4450c
```
#a4450c rgb(164,69,12)
```
#b64c0e
```
#b64c0e rgb(182,76,14)
```
#c9540f
```
#c9540f rgb(201,84,15)
```
#db5b11
```
#db5b11 rgb(219,91,17)
```
#ed6312
```
#ed6312 rgb(237,99,18)
```

Shade Color Variation

#ee6f24
```
#ee6f24 rgb(238,111,36)
```
#f07b36
```
#f07b36 rgb(240,123,54)
```
#f18749
```
#f18749 rgb(241,135,73)
```
#f3935b
```
#f3935b rgb(243,147,91)
```
#f49f6d
```
#f49f6d rgb(244,159,109)
```
#f5ab7f
```
#f5ab7f rgb(245,171,127)
```
#f7b792
```
#f7b792 rgb(247,183,146)
```
#f8c3a4
```
#f8c3a4 rgb(248,195,164)
```
#f9cfb6
```
#f9cfb6 rgb(249,207,182)
```
#fbdbc8
```
#fbdbc8 rgb(251,219,200)
```
#fce7db
```
#fce7db rgb(252,231,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 #f76008 is the most saturated one.

#817f7e
```
#817f7e rgb(129,127,126)
```
#8b7d74
```
#8b7d74 rgb(139,125,116)
```
#957a6a
```
#957a6a rgb(149,122,106)
```
#9f7760
```
#9f7760 rgb(159,119,96)
```
#a87557
```
#a87557 rgb(168,117,87)
```
#b2724d
```
#b2724d rgb(178,114,77)
```
#bc7043
```
#bc7043 rgb(188,112,67)
```
#c66d39
```
#c66d39 rgb(198,109,57)
```
#d06b2f
```
#d06b2f rgb(208,107,47)
```
#d96826
```
#d96826 rgb(217,104,38)
```
#e3661c
```
#e3661c rgb(227,102,28)
```
#ed6312
```
#ed6312 rgb(237,99,18)
```
#f76008
```
#f76008 rgb(247,96,8)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#987d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59428 Protanopia 1% of men
#b88c00 Deuteranopia 1% of men
#f0646a Tritanopia 0.001% of the population

Trichromacy

#bf8220 Protanomaly 1% of men, 0.01% of women
#cb7d06 Deuteranomaly 6% of men, 0.4% of women
#ef634a Tritanomaly 0.01% of the population

#ed6312 hex color

#ed6312 Color Information

#ed6312 Color Conversion

Color Schemes with #ed6312

Alternatives to #ed6312

#ed6312 Preview

Shades and Tints of #ed6312

Tones of #ed6312

Color Blindness Simulator