#ed9312 hex color

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

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

● #ed9312 color description : Vivid orange.

The hexadecimal color #ed9312 has RGB values of R:237, G:147, B:18 and CMYK values of C:0, M:0.38, Y:0.92, K:0.07. Its decimal value is 15569682.

Hex triplet	ed9312	`#ed9312`
RGB Decimal	237, 147, 18	`rgb(237,147,18)`
RGB Percent	92.9, 57.6, 7.1	`rgb(92.9%,57.6%,7.1%)`
CMYK	0, 38, 92, 7
HSL	35.3°, 85.9, 50	`hsl(35.3,85.9%,50%)`
HSV (or HSB)	35.3°, 92.4, 92.9
Web Safe	ff9900	`#ff9900`

CIE-LAB	68.693, 25.993, 71.249
XYZ	45.469, 38.919, 5.69
xyY	0.505, 0.432, 38.919
CIE-LCH	68.693, 75.843, 69.957
CIE-LUV	68.693, 74.621, 65.732
Hunter-Lab	62.385, 20.925, 38.262
Binary	11101101, 10010011, 00010010

#ed9312
```
#ed9312 rgb(237,147,18)
```
#126ced
```
#126ced rgb(18,108,237)
```

Complementary Color

#ed2612
```
#ed2612 rgb(237,38,18)
```
#ed9312
```
#ed9312 rgb(237,147,18)
```
#daed12
```
#daed12 rgb(218,237,18)
```

Analogous Color

#2612ed
```
#2612ed rgb(38,18,237)
```
#ed9312
```
#ed9312 rgb(237,147,18)
```
#12daed
```
#12daed rgb(18,218,237)
```

Split Complementary Color

#9312ed
```
#9312ed rgb(147,18,237)
```
#ed9312
```
#ed9312 rgb(237,147,18)
```
#12ed93
```
#12ed93 rgb(18,237,147)
```

Triadic Color

#ed126c
```
#ed126c rgb(237,18,108)
```
#ed9312
```
#ed9312 rgb(237,147,18)
```
#12ed93
```
#12ed93 rgb(18,237,147)
```
#126ced
```
#126ced rgb(18,108,237)
```

Tetradic Color

#a6670d
```
#a6670d rgb(166,103,13)
```
#be760e
```
#be760e rgb(190,118,14)
```
#d58410
```
#d58410 rgb(213,132,16)
```
#ed9312
```
#ed9312 rgb(237,147,18)
```
#ef9e2a
```
#ef9e2a rgb(239,158,42)
```
#f1a941
```
#f1a941 rgb(241,169,65)
```
#f2b359
```
#f2b359 rgb(242,179,89)
```

Monochromatic Color

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

#ed5c12
```
#ed5c12 rgb(237,92,18)
```
#ed6f12
```
#ed6f12 rgb(237,111,18)
```
#ed8112
```
#ed8112 rgb(237,129,18)
```
#ed9312
```
#ed9312 rgb(237,147,18)
```
#eda512
```
#eda512 rgb(237,165,18)
```
#edb812
```
#edb812 rgb(237,184,18)
```
#edca12
```
#edca12 rgb(237,202,18)
```

Similar Colors

Text with hexadecimal color #ed9312

This text has a font color of #ed9312.

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

#ed9312 background color

This paragraph has a background color of #ed9312.

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

#ed9312 border color

This element has a border color of #ed9312.

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

CSS codes

.text {color:#ed9312;}

.background {background-color:#ed9312;}

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

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

#120b01
```
#120b01 rgb(18,11,1)
```
#241703
```
#241703 rgb(36,23,3)
```
#372204
```
#372204 rgb(55,34,4)
```
#492d06
```
#492d06 rgb(73,45,6)
```
#5b3907
```
#5b3907 rgb(91,57,7)
```
#6d4408
```
#6d4408 rgb(109,68,8)
```
#804f0a
```
#804f0a rgb(128,79,10)
```
#925a0b
```
#925a0b rgb(146,90,11)
```
#a4660c
```
#a4660c rgb(164,102,12)
```
#b6710e
```
#b6710e rgb(182,113,14)
```
#c97c0f
```
#c97c0f rgb(201,124,15)
```
#db8811
```
#db8811 rgb(219,136,17)
```
#ed9312
```
#ed9312 rgb(237,147,18)
```

Shade Color Variation

#ee9b24
```
#ee9b24 rgb(238,155,36)
```
#f0a436
```
#f0a436 rgb(240,164,54)
```
#f1ac49
```
#f1ac49 rgb(241,172,73)
```
#f3b45b
```
#f3b45b rgb(243,180,91)
```
#f4bd6d
```
#f4bd6d rgb(244,189,109)
```
#f5c57f
```
#f5c57f rgb(245,197,127)
```
#f7cd92
```
#f7cd92 rgb(247,205,146)
```
#f8d5a4
```
#f8d5a4 rgb(248,213,164)
```
#f9deb6
```
#f9deb6 rgb(249,222,182)
```
#fbe6c8
```
#fbe6c8 rgb(251,230,200)
```
#fceedb
```
#fceedb rgb(252,238,219)
```
#fef7ed
```
#fef7ed rgb(254,247,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 #f79508 is the most saturated one.

#81807e
```
#81807e rgb(129,128,126)
```
#8b8274
```
#8b8274 rgb(139,130,116)
```
#95836a
```
#95836a rgb(149,131,106)
```
#9f8560
```
#9f8560 rgb(159,133,96)
```
#a88757
```
#a88757 rgb(168,135,87)
```
#b2894d
```
#b2894d rgb(178,137,77)
```
#bc8a43
```
#bc8a43 rgb(188,138,67)
```
#c68c39
```
#c68c39 rgb(198,140,57)
```
#d08e2f
```
#d08e2f rgb(208,142,47)
```
#d99026
```
#d99026 rgb(217,144,38)
```
#e3911c
```
#e3911c rgb(227,145,28)
```
#ed9312
```
#ed9312 rgb(237,147,18)
```
#f79508
```
#f79508 rgb(247,149,8)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#af9d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac24 Protanopia 1% of men
#d7a30e Deuteranopia 1% of men
#f38e98 Tritanopia 0.001% of the population

Trichromacy

#d0a31d Protanomaly 1% of men, 0.01% of women
#df9d10 Deuteranomaly 6% of men, 0.4% of women
#f19067 Tritanomaly 0.01% of the population

#ed9312 hex color

#ed9312 Color Information

#ed9312 Color Conversion

Color Schemes with #ed9312

Alternatives to #ed9312

#ed9312 Preview

Shades and Tints of #ed9312

Tones of #ed9312

Color Blindness Simulator