#ec9814 hex color

In a RGB color space, hex #ec9814 is composed of 92.5% red, 59.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.6% magenta, 91.5% yellow and 7.5% black. It has a hue angle of 36.7 degrees, a saturation of 85% and a lightness of 50.2%. #ec9814 color hex could be obtained by blending #ffff28 with #d93100. Closest websafe color is: #ff9900.

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

● #ec9814 color description : Vivid orange.

The hexadecimal color #ec9814 has RGB values of R:236, G:152, B:20 and CMYK values of C:0, M:0.36, Y:0.92, K:0.07. Its decimal value is 15505428.

Hex triplet	ec9814	`#ec9814`
RGB Decimal	236, 152, 20	`rgb(236,152,20)`
RGB Percent	92.5, 59.6, 7.8	`rgb(92.5%,59.6%,7.8%)`
CMYK	0, 36, 92, 7
HSL	36.7°, 85, 50.2	`hsl(36.7,85%,50.2%)`
HSV (or HSB)	36.7°, 91.5, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	69.713, 22.961, 71.552
XYZ	45.948, 40.343, 6.029
xyY	0.498, 0.437, 40.343
CIE-LCH	69.713, 75.146, 72.208
CIE-LUV	69.713, 69.612, 67.29
Hunter-Lab	63.516, 17.974, 38.834
Binary	11101100, 10011000, 00010100

#ec9814
```
#ec9814 rgb(236,152,20)
```
#1468ec
```
#1468ec rgb(20,104,236)
```

Complementary Color

#ec2c14
```
#ec2c14 rgb(236,44,20)
```
#ec9814
```
#ec9814 rgb(236,152,20)
```
#d4ec14
```
#d4ec14 rgb(212,236,20)
```

Analogous Color

#2c14ec
```
#2c14ec rgb(44,20,236)
```
#ec9814
```
#ec9814 rgb(236,152,20)
```
#14d4ec
```
#14d4ec rgb(20,212,236)
```

Split Complementary Color

#9814ec
```
#9814ec rgb(152,20,236)
```
#ec9814
```
#ec9814 rgb(236,152,20)
```
#14ec98
```
#14ec98 rgb(20,236,152)
```

Triadic Color

#ec1468
```
#ec1468 rgb(236,20,104)
```
#ec9814
```
#ec9814 rgb(236,152,20)
```
#14ec98
```
#14ec98 rgb(20,236,152)
```
#1468ec
```
#1468ec rgb(20,104,236)
```

Tetradic Color

#a66b0d
```
#a66b0d rgb(166,107,13)
```
#be7a0f
```
#be7a0f rgb(190,122,15)
```
#d58911
```
#d58911 rgb(213,137,17)
```
#ec9814
```
#ec9814 rgb(236,152,20)
```
#eea22c
```
#eea22c rgb(238,162,44)
```
#f0ad43
```
#f0ad43 rgb(240,173,67)
```
#f2b75b
```
#f2b75b rgb(242,183,91)
```

Monochromatic Color

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

#ec6214
```
#ec6214 rgb(236,98,20)
```
#ec7414
```
#ec7414 rgb(236,116,20)
```
#ec8614
```
#ec8614 rgb(236,134,20)
```
#ec9814
```
#ec9814 rgb(236,152,20)
```
#ecaa14
```
#ecaa14 rgb(236,170,20)
```
#ecbc14
```
#ecbc14 rgb(236,188,20)
```
#ecce14
```
#ecce14 rgb(236,206,20)
```

Similar Colors

Text with hexadecimal color #ec9814

This text has a font color of #ec9814.

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

#ec9814 background color

This paragraph has a background color of #ec9814.

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

#ec9814 border color

This element has a border color of #ec9814.

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

CSS codes

.text {color:#ec9814;}

.background {background-color:#ec9814;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130c02
```
#130c02 rgb(19,12,2)
```
#251803
```
#251803 rgb(37,24,3)
```
#372404
```
#372404 rgb(55,36,4)
```
#4a2f06
```
#4a2f06 rgb(74,47,6)
```
#5c3b07
```
#5c3b07 rgb(92,59,7)
```
#6e4709
```
#6e4709 rgb(110,71,9)
```
#80520a
```
#80520a rgb(128,82,10)
```
#925e0c
```
#925e0c rgb(146,94,12)
```
#a46a0d
```
#a46a0d rgb(164,106,13)
```
#b6750f
```
#b6750f rgb(182,117,15)
```
#c98110
```
#c98110 rgb(201,129,16)
```
#db8d12
```
#db8d12 rgb(219,141,18)
```

Shade Color Variation

#ec9814
```
#ec9814 rgb(236,152,20)
```
#eda026
```
#eda026 rgb(237,160,38)
```
#efa838
```
#efa838 rgb(239,168,56)
```
#f0b04a
```
#f0b04a rgb(240,176,74)
```
#f2b85d
```
#f2b85d rgb(242,184,93)
```
#f3c06f
```
#f3c06f rgb(243,192,111)
```
#f5c881
```
#f5c881 rgb(245,200,129)
```
#f6d093
```
#f6d093 rgb(246,208,147)
```
#f8d8a5
```
#f8d8a5 rgb(248,216,165)
```
#f9e0b7
```
#f9e0b7 rgb(249,224,183)
```
#fbe8c9
```
#fbe8c9 rgb(251,232,201)
```
#fcefdc
```
#fcefdc rgb(252,239,220)
```
#fef7ee
```
#fef7ee rgb(254,247,238)
```

Tint Color Variation

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

#81807f
```
#81807f rgb(129,128,127)
```
#8a8276
```
#8a8276 rgb(138,130,118)
```
#94846c
```
#94846c rgb(148,132,108)
```
#9e8762
```
#9e8762 rgb(158,135,98)
```
#a88958
```
#a88958 rgb(168,137,88)
```
#b18b4f
```
#b18b4f rgb(177,139,79)
```
#bb8d45
```
#bb8d45 rgb(187,141,69)
```
#c58f3b
```
#c58f3b rgb(197,143,59)
```
#cf9131
```
#cf9131 rgb(207,145,49)
```
#d89428
```
#d89428 rgb(216,148,40)
```
#e2961e
```
#e2961e rgb(226,150,30)
```
#ec9814
```
#ec9814 rgb(236,152,20)
```
#f69a0a
```
#f69a0a rgb(246,154,10)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b1a086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af25 Protanopia 1% of men
#daa616 Deuteranopia 1% of men
#f3939c Tritanopia 0.001% of the population

Trichromacy

#d2a61f Protanomaly 1% of men, 0.01% of women
#e0a115 Deuteranomaly 6% of men, 0.4% of women
#f0946b Tritanomaly 0.01% of the population

#ec9814 hex color

#ec9814 Color Information

#ec9814 Color Conversion

Color Schemes with #ec9814

Alternatives to #ec9814

#ec9814 Preview

Shades and Tints of #ec9814

Tones of #ec9814

Color Blindness Simulator