#ec4314 hex color

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

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

● #ec4314 color description : Vivid red.

The hexadecimal color #ec4314 has RGB values of R:236, G:67, B:20 and CMYK values of C:0, M:0.72, Y:0.92, K:0.07. Its decimal value is 15483668.

Hex triplet	ec4314	`#ec4314`
RGB Decimal	236, 67, 20	`rgb(236,67,20)`
RGB Percent	92.5, 26.3, 7.8	`rgb(92.5%,26.3%,7.8%)`
CMYK	0, 72, 92, 7
HSL	13.1°, 85, 50.2	`hsl(13.1,85%,50.2%)`
HSV (or HSB)	13.1°, 91.5, 92.5
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.923, 62.791, 60.451
XYZ	36.727, 21.902, 2.955
xyY	0.596, 0.356, 21.902
CIE-LCH	53.923, 87.161, 43.912
CIE-LUV	53.923, 136.579, 41.039
Hunter-Lab	46.8, 58.183, 29.016
Binary	11101100, 01000011, 00010100

#ec4314
```
#ec4314 rgb(236,67,20)
```
#14bdec
```
#14bdec rgb(20,189,236)
```

Complementary Color

#ec1451
```
#ec1451 rgb(236,20,81)
```
#ec4314
```
#ec4314 rgb(236,67,20)
```
#ecaf14
```
#ecaf14 rgb(236,175,20)
```

Analogous Color

#1451ec
```
#1451ec rgb(20,81,236)
```
#ec4314
```
#ec4314 rgb(236,67,20)
```
#14ecaf
```
#14ecaf rgb(20,236,175)
```

Split Complementary Color

#4314ec
```
#4314ec rgb(67,20,236)
```
#ec4314
```
#ec4314 rgb(236,67,20)
```
#14ec43
```
#14ec43 rgb(20,236,67)
```

Triadic Color

#ec14bd
```
#ec14bd rgb(236,20,189)
```
#ec4314
```
#ec4314 rgb(236,67,20)
```
#14ec43
```
#14ec43 rgb(20,236,67)
```
#14bdec
```
#14bdec rgb(20,189,236)
```

Tetradic Color

#a62f0d
```
#a62f0d rgb(166,47,13)
```
#be350f
```
#be350f rgb(190,53,15)
```
#d53c11
```
#d53c11 rgb(213,60,17)
```
#ec4314
```
#ec4314 rgb(236,67,20)
```
#ee562c
```
#ee562c rgb(238,86,44)
```
#f06943
```
#f06943 rgb(240,105,67)
```
#f27c5b
```
#f27c5b rgb(242,124,91)
```

Monochromatic Color

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

#ec141b
```
#ec141b rgb(236,20,27)
```
#ec1f14
```
#ec1f14 rgb(236,31,20)
```
#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)
```

Similar Colors

Text with hexadecimal color #ec4314

This text has a font color of #ec4314.

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

#ec4314 background color

This paragraph has a background color of #ec4314.

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

#ec4314 border color

This element has a border color of #ec4314.

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

CSS codes

.text {color:#ec4314;}

.background {background-color:#ec4314;}

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

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 #fef1ee is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#130502
```
#130502 rgb(19,5,2)
```
#250a03
```
#250a03 rgb(37,10,3)
```
#371004
```
#371004 rgb(55,16,4)
```
#4a1506
```
#4a1506 rgb(74,21,6)
```
#5c1a07
```
#5c1a07 rgb(92,26,7)
```
#6e1f09
```
#6e1f09 rgb(110,31,9)
```
#80240a
```
#80240a rgb(128,36,10)
```
#92290c
```
#92290c rgb(146,41,12)
```
#a42e0d
```
#a42e0d rgb(164,46,13)
```
#b6330f
```
#b6330f rgb(182,51,15)
```
#c93810
```
#c93810 rgb(201,56,16)
```
#db3d12
```
#db3d12 rgb(219,61,18)
```

Shade Color Variation

#ec4314
```
#ec4314 rgb(236,67,20)
```
#ed5226
```
#ed5226 rgb(237,82,38)
```
#ef6038
```
#ef6038 rgb(239,96,56)
```
#f06f4a
```
#f06f4a rgb(240,111,74)
```
#f27d5d
```
#f27d5d rgb(242,125,93)
```
#f38c6f
```
#f38c6f rgb(243,140,111)
```
#f59a81
```
#f59a81 rgb(245,154,129)
```
#f6a993
```
#f6a993 rgb(246,169,147)
```
#f8b7a5
```
#f8b7a5 rgb(248,183,165)
```
#f9c6b7
```
#f9c6b7 rgb(249,198,183)
```
#fbd4c9
```
#fbd4c9 rgb(251,212,201)
```
#fce3dc
```
#fce3dc rgb(252,227,220)
```
#fef1ee
```
#fef1ee rgb(254,241,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 #f63d0a is the most saturated one.

#81807f
```
#81807f rgb(129,128,127)
```
#8a7a76
```
#8a7a76 rgb(138,122,118)
```
#94756c
```
#94756c rgb(148,117,108)
```
#9e6f62
```
#9e6f62 rgb(158,111,98)
```
#a86a58
```
#a86a58 rgb(168,106,88)
```
#b1644f
```
#b1644f rgb(177,100,79)
```
#bb5f45
```
#bb5f45 rgb(187,95,69)
```
#c5593b
```
#c5593b rgb(197,89,59)
```
#cf5431
```
#cf5431 rgb(207,84,49)
```
#d84e28
```
#d84e28 rgb(216,78,40)
```
#e2491e
```
#e2491e rgb(226,73,30)
```
#ec4314
```
#ec4314 rgb(236,67,20)
```
#f63d0a
```
#f63d0a rgb(246,61,10)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#89675e Atypical Achromatopsia 0.001% of the population

Dichromacy

#97872e Protanopia 1% of men
#a98000 Deuteranopia 1% of men
#ed484b Tritanopia 0.001% of the population

Trichromacy

#b56e24 Protanomaly 1% of men, 0.01% of women
#c16a07 Deuteranomaly 6% of men, 0.4% of women
#ed4637 Tritanomaly 0.01% of the population

#ec4314 hex color

#ec4314 Color Information

#ec4314 Color Conversion

Color Schemes with #ec4314

Alternatives to #ec4314

#ec4314 Preview

Shades and Tints of #ec4314

Tones of #ec4314

Color Blindness Simulator