#ed8312 hex color

In a RGB color space, hex #ed8312 is composed of 92.9% red, 51.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.7% magenta, 92.4% yellow and 7.1% black. It has a hue angle of 31 degrees, a saturation of 85.9% and a lightness of 50%. #ed8312 color hex could be obtained by blending #ffff24 with #db0700. Closest websafe color is: #ff9900.

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

● #ed8312 color description : Vivid orange.

The hexadecimal color #ed8312 has RGB values of R:237, G:131, B:18 and CMYK values of C:0, M:0.45, Y:0.92, K:0.07. Its decimal value is 15565586.

Hex triplet	ed8312	`#ed8312`
RGB Decimal	237, 131, 18	`rgb(237,131,18)`
RGB Percent	92.9, 51.4, 7.1	`rgb(92.9%,51.4%,7.1%)`
CMYK	0, 45, 92, 7
HSL	31°, 85.9, 50	`hsl(31,85.9%,50%)`
HSV (or HSB)	31°, 92.4, 92.9
Web Safe	ff9900	`#ff9900`

CIE-LAB	65.188, 34.341, 68.756
XYZ	43.152, 34.285, 4.917
xyY	0.524, 0.416, 34.285
CIE-LCH	65.188, 76.855, 63.459
CIE-LUV	65.188, 87.991, 60.12
Hunter-Lab	58.553, 29.082, 36.008
Binary	11101101, 10000011, 00010010

#ed8312
```
#ed8312 rgb(237,131,18)
```
#127ced
```
#127ced rgb(18,124,237)
```

Complementary Color

#ed1612
```
#ed1612 rgb(237,22,18)
```
#ed8312
```
#ed8312 rgb(237,131,18)
```
#eaed12
```
#eaed12 rgb(234,237,18)
```

Analogous Color

#1612ed
```
#1612ed rgb(22,18,237)
```
#ed8312
```
#ed8312 rgb(237,131,18)
```
#12eaed
```
#12eaed rgb(18,234,237)
```

Split Complementary Color

#8312ed
```
#8312ed rgb(131,18,237)
```
#ed8312
```
#ed8312 rgb(237,131,18)
```
#12ed83
```
#12ed83 rgb(18,237,131)
```

Triadic Color

#ed127c
```
#ed127c rgb(237,18,124)
```
#ed8312
```
#ed8312 rgb(237,131,18)
```
#12ed83
```
#12ed83 rgb(18,237,131)
```
#127ced
```
#127ced rgb(18,124,237)
```

Tetradic Color

#a65c0d
```
#a65c0d rgb(166,92,13)
```
#be690e
```
#be690e rgb(190,105,14)
```
#d57610
```
#d57610 rgb(213,118,16)
```
#ed8312
```
#ed8312 rgb(237,131,18)
```
#ef8f2a
```
#ef8f2a rgb(239,143,42)
```
#f19c41
```
#f19c41 rgb(241,156,65)
```
#f2a859
```
#f2a859 rgb(242,168,89)
```

Monochromatic Color

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

#ed4c12
```
#ed4c12 rgb(237,76,18)
```
#ed5f12
```
#ed5f12 rgb(237,95,18)
```
#ed7112
```
#ed7112 rgb(237,113,18)
```
#ed8312
```
#ed8312 rgb(237,131,18)
```
#ed9512
```
#ed9512 rgb(237,149,18)
```
#eda812
```
#eda812 rgb(237,168,18)
```
#edba12
```
#edba12 rgb(237,186,18)
```

Similar Colors

Text with hexadecimal color #ed8312

This text has a font color of #ed8312.

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

#ed8312 background color

This paragraph has a background color of #ed8312.

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

#ed8312 border color

This element has a border color of #ed8312.

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

CSS codes

.text {color:#ed8312;}

.background {background-color:#ed8312;}

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

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

#120a01
```
#120a01 rgb(18,10,1)
```
#241403
```
#241403 rgb(36,20,3)
```
#371e04
```
#371e04 rgb(55,30,4)
```
#492806
```
#492806 rgb(73,40,6)
```
#5b3207
```
#5b3207 rgb(91,50,7)
```
#6d3c08
```
#6d3c08 rgb(109,60,8)
```
#80470a
```
#80470a rgb(128,71,10)
```
#92510b
```
#92510b rgb(146,81,11)
```
#a45b0c
```
#a45b0c rgb(164,91,12)
```
#b6650e
```
#b6650e rgb(182,101,14)
```
#c96f0f
```
#c96f0f rgb(201,111,15)
```
#db7911
```
#db7911 rgb(219,121,17)
```
#ed8312
```
#ed8312 rgb(237,131,18)
```

Shade Color Variation

#ee8d24
```
#ee8d24 rgb(238,141,36)
```
#f09636
```
#f09636 rgb(240,150,54)
```
#f1a049
```
#f1a049 rgb(241,160,73)
```
#f3a95b
```
#f3a95b rgb(243,169,91)
```
#f4b36d
```
#f4b36d rgb(244,179,109)
```
#f5bc7f
```
#f5bc7f rgb(245,188,127)
```
#f7c692
```
#f7c692 rgb(247,198,146)
```
#f8cfa4
```
#f8cfa4 rgb(248,207,164)
```
#f9d9b6
```
#f9d9b6 rgb(249,217,182)
```
#fbe2c8
```
#fbe2c8 rgb(251,226,200)
```
#fcecdb
```
#fcecdb rgb(252,236,219)
```
#fef5ed
```
#fef5ed rgb(254,245,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#81807e
```
#81807e rgb(129,128,126)
```
#8b8074
```
#8b8074 rgb(139,128,116)
```
#95806a
```
#95806a rgb(149,128,106)
```
#9f8060
```
#9f8060 rgb(159,128,96)
```
#a88157
```
#a88157 rgb(168,129,87)
```
#b2814d
```
#b2814d rgb(178,129,77)
```
#bc8143
```
#bc8143 rgb(188,129,67)
```
#c68239
```
#c68239 rgb(198,130,57)
```
#d0822f
```
#d0822f rgb(208,130,47)
```
#d98226
```
#d98226 rgb(217,130,38)
```
#e3831c
```
#e3831c rgb(227,131,28)
```
#ed8312
```
#ed8312 rgb(237,131,18)
```
#f78308
```
#f78308 rgb(247,131,8)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a7927c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a325 Protanopia 1% of men
#cc9b00 Deuteranopia 1% of men
#f28088 Tritanopia 0.001% of the population

Trichromacy

#ca971e Protanomaly 1% of men, 0.01% of women
#d89206 Deuteranomaly 6% of men, 0.4% of women
#f0815d Tritanomaly 0.01% of the population

#ed8312 hex color

#ed8312 Color Information

#ed8312 Color Conversion

Color Schemes with #ed8312

Alternatives to #ed8312

#ed8312 Preview

Shades and Tints of #ed8312

Tones of #ed8312

Color Blindness Simulator