#ec6714 hex color

In a RGB color space, hex #ec6714 is composed of 92.5% red, 40.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.4% magenta, 91.5% yellow and 7.5% black. It has a hue angle of 23.1 degrees, a saturation of 85% and a lightness of 50.2%. #ec6714 color hex could be obtained by blending #ffce28 with #d90000. Closest websafe color is: #ff6600.

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

● #ec6714 color description : Vivid orange.

The hexadecimal color #ec6714 has RGB values of R:236, G:103, B:20 and CMYK values of C:0, M:0.56, Y:0.92, K:0.07. Its decimal value is 15492884.

Hex triplet	ec6714	`#ec6714`
RGB Decimal	236, 103, 20	`rgb(236,103,20)`
RGB Percent	92.5, 40.4, 7.8	`rgb(92.5%,40.4%,7.8%)`
CMYK	0, 56, 92, 7
HSL	23.1°, 85, 50.2	`hsl(23.1,85%,50.2%)`
HSV (or HSB)	23.1°, 91.5, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	59.515, 47.854, 64.253
XYZ	39.57, 27.588, 3.903
xyY	0.557, 0.388, 27.588
CIE-LCH	59.515, 80.115, 53.322
CIE-LUV	59.515, 110.233, 50.685
Hunter-Lab	52.524, 42.559, 32.361
Binary	11101100, 01100111, 00010100

#ec6714
```
#ec6714 rgb(236,103,20)
```
#1499ec
```
#1499ec rgb(20,153,236)
```

Complementary Color

#ec142d
```
#ec142d rgb(236,20,45)
```
#ec6714
```
#ec6714 rgb(236,103,20)
```
#ecd314
```
#ecd314 rgb(236,211,20)
```

Analogous Color

#142dec
```
#142dec rgb(20,45,236)
```
#ec6714
```
#ec6714 rgb(236,103,20)
```
#14ecd3
```
#14ecd3 rgb(20,236,211)
```

Split Complementary Color

#6714ec
```
#6714ec rgb(103,20,236)
```
#ec6714
```
#ec6714 rgb(236,103,20)
```
#14ec67
```
#14ec67 rgb(20,236,103)
```

Triadic Color

#ec1499
```
#ec1499 rgb(236,20,153)
```
#ec6714
```
#ec6714 rgb(236,103,20)
```
#14ec67
```
#14ec67 rgb(20,236,103)
```
#1499ec
```
#1499ec rgb(20,153,236)
```

Tetradic Color

#a6480d
```
#a6480d rgb(166,72,13)
```
#be520f
```
#be520f rgb(190,82,15)
```
#d55d11
```
#d55d11 rgb(213,93,17)
```
#ec6714
```
#ec6714 rgb(236,103,20)
```
#ee762c
```
#ee762c rgb(238,118,44)
```
#f08643
```
#f08643 rgb(240,134,67)
```
#f2955b
```
#f2955b rgb(242,149,91)
```

Monochromatic Color

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

#ec3114
```
#ec3114 rgb(236,49,20)
```
#ec4314
```
#ec4314 rgb(236,67,20)
```
#ec5514
```
#ec5514 rgb(236,85,20)
```
#ec6714
```
#ec6714 rgb(236,103,20)
```
#ec7914
```
#ec7914 rgb(236,121,20)
```
#ec8b14
```
#ec8b14 rgb(236,139,20)
```
#ec9d14
```
#ec9d14 rgb(236,157,20)
```

Similar Colors

Text with hexadecimal color #ec6714

This text has a font color of #ec6714.

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

#ec6714 background color

This paragraph has a background color of #ec6714.

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

#ec6714 border color

This element has a border color of #ec6714.

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

CSS codes

.text {color:#ec6714;}

.background {background-color:#ec6714;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130802
```
#130802 rgb(19,8,2)
```
#251003
```
#251003 rgb(37,16,3)
```
#371804
```
#371804 rgb(55,24,4)
```
#4a2006
```
#4a2006 rgb(74,32,6)
```
#5c2807
```
#5c2807 rgb(92,40,7)
```
#6e3009
```
#6e3009 rgb(110,48,9)
```
#80380a
```
#80380a rgb(128,56,10)
```
#923f0c
```
#923f0c rgb(146,63,12)
```
#a4470d
```
#a4470d rgb(164,71,13)
```
#b64f0f
```
#b64f0f rgb(182,79,15)
```
#c95710
```
#c95710 rgb(201,87,16)
```
#db5f12
```
#db5f12 rgb(219,95,18)
```

Shade Color Variation

#ec6714
```
#ec6714 rgb(236,103,20)
```
#ed7326
```
#ed7326 rgb(237,115,38)
```
#ef7e38
```
#ef7e38 rgb(239,126,56)
```
#f08a4a
```
#f08a4a rgb(240,138,74)
```
#f2965d
```
#f2965d rgb(242,150,93)
```
#f3a26f
```
#f3a26f rgb(243,162,111)
```
#f5ad81
```
#f5ad81 rgb(245,173,129)
```
#f6b993
```
#f6b993 rgb(246,185,147)
```
#f8c5a5
```
#f8c5a5 rgb(248,197,165)
```
#f9d1b7
```
#f9d1b7 rgb(249,209,183)
```
#fbdcc9
```
#fbdcc9 rgb(251,220,201)
```
#fce8dc
```
#fce8dc rgb(252,232,220)
```
#fef4ee
```
#fef4ee rgb(254,244,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 #f6650a is the most saturated one.

#81807f
```
#81807f rgb(129,128,127)
```
#8a7e76
```
#8a7e76 rgb(138,126,118)
```
#947b6c
```
#947b6c rgb(148,123,108)
```
#9e7962
```
#9e7962 rgb(158,121,98)
```
#a87758
```
#a87758 rgb(168,119,88)
```
#b1754f
```
#b1754f rgb(177,117,79)
```
#bb7245
```
#bb7245 rgb(187,114,69)
```
#c5703b
```
#c5703b rgb(197,112,59)
```
#cf6e31
```
#cf6e31 rgb(207,110,49)
```
#d86c28
```
#d86c28 rgb(216,108,40)
```
#e2691e
```
#e2691e rgb(226,105,30)
```
#ec6714
```
#ec6714 rgb(236,103,20)
```
#f6650a
```
#f6650a rgb(246,101,10)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9a7f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6952a Protanopia 1% of men
#ba8d00 Deuteranopia 1% of men
#ef686e Tritanopia 0.001% of the population

Trichromacy

#bf8422 Protanomaly 1% of men, 0.01% of women
#cc7f07 Deuteranomaly 6% of men, 0.4% of women
#ee674d Tritanomaly 0.01% of the population

#ec6714 hex color

#ec6714 Color Information

#ec6714 Color Conversion

Color Schemes with #ec6714

Alternatives to #ec6714

#ec6714 Preview

Shades and Tints of #ec6714

Tones of #ec6714

Color Blindness Simulator