#ed9c12 hex color

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

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

● #ed9c12 color description : Vivid orange.

The hexadecimal color #ed9c12 has RGB values of R:237, G:156, B:18 and CMYK values of C:0, M:0.34, Y:0.92, K:0.07. Its decimal value is 15571986.

Hex triplet	ed9c12	`#ed9c12`
RGB Decimal	237, 156, 18	`rgb(237,156,18)`
RGB Percent	92.9, 61.2, 7.1	`rgb(92.9%,61.2%,7.1%)`
CMYK	0, 34, 92, 7
HSL	37.8°, 85.9, 50	`hsl(37.8,85.9%,50%)`
HSV (or HSB)	37.8°, 92.4, 92.9
Web Safe	ff9900	`#ff9900`

CIE-LAB	70.752, 21.241, 72.734
XYZ	46.924, 41.828, 6.175
xyY	0.494, 0.441, 41.828
CIE-LCH	70.752, 75.772, 73.72
CIE-LUV	70.752, 67.194, 68.973
Hunter-Lab	64.675, 16.327, 39.612
Binary	11101101, 10011100, 00010010

#ed9c12
```
#ed9c12 rgb(237,156,18)
```
#1263ed
```
#1263ed rgb(18,99,237)
```

Complementary Color

#ed2f12
```
#ed2f12 rgb(237,47,18)
```
#ed9c12
```
#ed9c12 rgb(237,156,18)
```
#d1ed12
```
#d1ed12 rgb(209,237,18)
```

Analogous Color

#2f12ed
```
#2f12ed rgb(47,18,237)
```
#ed9c12
```
#ed9c12 rgb(237,156,18)
```
#12d1ed
```
#12d1ed rgb(18,209,237)
```

Split Complementary Color

#9c12ed
```
#9c12ed rgb(156,18,237)
```
#ed9c12
```
#ed9c12 rgb(237,156,18)
```
#12ed9c
```
#12ed9c rgb(18,237,156)
```

Triadic Color

#ed1263
```
#ed1263 rgb(237,18,99)
```
#ed9c12
```
#ed9c12 rgb(237,156,18)
```
#12ed9c
```
#12ed9c rgb(18,237,156)
```
#1263ed
```
#1263ed rgb(18,99,237)
```

Tetradic Color

#a66d0d
```
#a66d0d rgb(166,109,13)
```
#be7d0e
```
#be7d0e rgb(190,125,14)
```
#d58c10
```
#d58c10 rgb(213,140,16)
```
#ed9c12
```
#ed9c12 rgb(237,156,18)
```
#efa62a
```
#efa62a rgb(239,166,42)
```
#f1b041
```
#f1b041 rgb(241,176,65)
```
#f2ba59
```
#f2ba59 rgb(242,186,89)
```

Monochromatic Color

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

#ed6512
```
#ed6512 rgb(237,101,18)
```
#ed7812
```
#ed7812 rgb(237,120,18)
```
#ed8a12
```
#ed8a12 rgb(237,138,18)
```
#ed9c12
```
#ed9c12 rgb(237,156,18)
```
#edae12
```
#edae12 rgb(237,174,18)
```
#edc112
```
#edc112 rgb(237,193,18)
```
#edd312
```
#edd312 rgb(237,211,18)
```

Similar Colors

Text with hexadecimal color #ed9c12

This text has a font color of #ed9c12.

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

#ed9c12 background color

This paragraph has a background color of #ed9c12.

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

#ed9c12 border color

This element has a border color of #ed9c12.

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

CSS codes

.text {color:#ed9c12;}

.background {background-color:#ed9c12;}

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

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

#120c01
```
#120c01 rgb(18,12,1)
```
#241803
```
#241803 rgb(36,24,3)
```
#372404
```
#372404 rgb(55,36,4)
```
#493006
```
#493006 rgb(73,48,6)
```
#5b3c07
```
#5b3c07 rgb(91,60,7)
```
#6d4808
```
#6d4808 rgb(109,72,8)
```
#80540a
```
#80540a rgb(128,84,10)
```
#92600b
```
#92600b rgb(146,96,11)
```
#a46c0c
```
#a46c0c rgb(164,108,12)
```
#b6780e
```
#b6780e rgb(182,120,14)
```
#c9840f
```
#c9840f rgb(201,132,15)
```
#db9011
```
#db9011 rgb(219,144,17)
```
#ed9c12
```
#ed9c12 rgb(237,156,18)
```

Shade Color Variation

#eea424
```
#eea424 rgb(238,164,36)
```
#f0ab36
```
#f0ab36 rgb(240,171,54)
```
#f1b349
```
#f1b349 rgb(241,179,73)
```
#f3ba5b
```
#f3ba5b rgb(243,186,91)
```
#f4c26d
```
#f4c26d rgb(244,194,109)
```
#f5ca7f
```
#f5ca7f rgb(245,202,127)
```
#f7d192
```
#f7d192 rgb(247,209,146)
```
#f8d9a4
```
#f8d9a4 rgb(248,217,164)
```
#f9e1b6
```
#f9e1b6 rgb(249,225,182)
```
#fbe8c8
```
#fbe8c8 rgb(251,232,200)
```
#fcf0db
```
#fcf0db rgb(252,240,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 #f79f08 is the most saturated one.

#81807e
```
#81807e rgb(129,128,126)
```
#8b8274
```
#8b8274 rgb(139,130,116)
```
#95856a
```
#95856a rgb(149,133,106)
```
#9f8860
```
#9f8860 rgb(159,136,96)
```
#a88a57
```
#a88a57 rgb(168,138,87)
```
#b28d4d
```
#b28d4d rgb(178,141,77)
```
#bc8f43
```
#bc8f43 rgb(188,143,67)
```
#c69239
```
#c69239 rgb(198,146,57)
```
#d0942f
```
#d0942f rgb(208,148,47)
```
#d99726
```
#d99726 rgb(217,151,38)
```
#e3991c
```
#e3991c rgb(227,153,28)
```
#ed9c12
```
#ed9c12 rgb(237,156,18)
```
#f79f08
```
#f79f08 rgb(247,159,8)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b3a287 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b123 Protanopia 1% of men
#dda814 Deuteranopia 1% of men
#f496a0 Tritanopia 0.001% of the population

Trichromacy

#d4a91d Protanomaly 1% of men, 0.01% of women
#e3a413 Deuteranomaly 6% of men, 0.4% of women
#f1986c Tritanomaly 0.01% of the population

#ed9c12 hex color

#ed9c12 Color Information

#ed9c12 Color Conversion

Color Schemes with #ed9c12

Alternatives to #ed9c12

#ed9c12 Preview

Shades and Tints of #ed9c12

Tones of #ed9c12

Color Blindness Simulator