#ec1216 hex color

In a RGB color space, hex #ec1216 is composed of 92.5% red, 7.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.4% magenta, 90.7% yellow and 7.5% black. It has a hue angle of 358.9 degrees, a saturation of 85.8% and a lightness of 49.8%. #ec1216 color hex could be obtained by blending #ff242c with #d90000. Closest websafe color is: #ff0000.

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

● #ec1216 color description : Vivid red.

The hexadecimal color #ec1216 has RGB values of R:236, G:18, B:22 and CMYK values of C:0, M:0.92, Y:0.91, K:0.07. Its decimal value is 15471126.

Hex triplet	ec1216	`#ec1216`
RGB Decimal	236, 18, 22	`rgb(236,18,22)`
RGB Percent	92.5, 7.1, 8.6	`rgb(92.5%,7.1%,8.6%)`
CMYK	0, 92, 91, 7
HSL	358.9°, 85.8, 49.8	`hsl(358.9,85.8%,49.8%)`
HSV (or HSB)	358.9°, 92.4, 92.5
Web Safe	ff0000	`#ff0000`

CIE-LAB	49.892, 74.214, 57.095
XYZ	34.955, 18.328, 2.456
xyY	0.627, 0.329, 18.328
CIE-LCH	49.892, 93.635, 37.572
CIE-LUV	49.892, 157.539, 33.478
Hunter-Lab	42.811, 70.824, 26.566
Binary	11101100, 00010010, 00010110

#ec1216
```
#ec1216 rgb(236,18,22)
```
#12ece8
```
#12ece8 rgb(18,236,232)
```

Complementary Color

#ec1283
```
#ec1283 rgb(236,18,131)
```
#ec1216
```
#ec1216 rgb(236,18,22)
```
#ec7b12
```
#ec7b12 rgb(236,123,18)
```

Analogous Color

#1283ec
```
#1283ec rgb(18,131,236)
```
#ec1216
```
#ec1216 rgb(236,18,22)
```
#12ec7b
```
#12ec7b rgb(18,236,123)
```

Split Complementary Color

#1216ec
```
#1216ec rgb(18,22,236)
```
#ec1216
```
#ec1216 rgb(236,18,22)
```
#16ec12
```
#16ec12 rgb(22,236,18)
```

Triadic Color

#e812ec
```
#e812ec rgb(232,18,236)
```
#ec1216
```
#ec1216 rgb(236,18,22)
```
#16ec12
```
#16ec12 rgb(22,236,18)
```
#12ece8
```
#12ece8 rgb(18,236,232)
```

Tetradic Color

#a50d0f
```
#a50d0f rgb(165,13,15)
```
#bd0e12
```
#bd0e12 rgb(189,14,18)
```
#d41014
```
#d41014 rgb(212,16,20)
```
#ec1216
```
#ec1216 rgb(236,18,22)
```
#ef292c
```
#ef292c rgb(239,41,44)
```
#f04144
```
#f04144 rgb(240,65,68)
```
#f2585b
```
#f2585b rgb(242,88,91)
```

Monochromatic Color

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

#ec124d
```
#ec124d rgb(236,18,77)
```
#ec123a
```
#ec123a rgb(236,18,58)
```
#ec1228
```
#ec1228 rgb(236,18,40)
```
#ec1216
```
#ec1216 rgb(236,18,22)
```
#ec2012
```
#ec2012 rgb(236,32,18)
```
#ec3212
```
#ec3212 rgb(236,50,18)
```
#ec4412
```
#ec4412 rgb(236,68,18)
```

Similar Colors

Text with hexadecimal color #ec1216

This text has a font color of #ec1216.

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

#ec1216 background color

This paragraph has a background color of #ec1216.

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

#ec1216 border color

This element has a border color of #ec1216.

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

CSS codes

.text {color:#ec1216;}

.background {background-color:#ec1216;}

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

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

#110102
```
#110102 rgb(17,1,2)
```
#240303
```
#240303 rgb(36,3,3)
```
#360405
```
#360405 rgb(54,4,5)
```
#480507
```
#480507 rgb(72,5,7)
```
#5a0708
```
#5a0708 rgb(90,7,8)
```
#6c080a
```
#6c080a rgb(108,8,10)
```
#7f0a0c
```
#7f0a0c rgb(127,10,12)
```
#910b0e
```
#910b0e rgb(145,11,14)
```
#a30c0f
```
#a30c0f rgb(163,12,15)
```
#b50e11
```
#b50e11 rgb(181,14,17)
```
#c80f13
```
#c80f13 rgb(200,15,19)
```
#da1114
```
#da1114 rgb(218,17,20)
```
#ec1216
```
#ec1216 rgb(236,18,22)
```

Shade Color Variation

#ee2327
```
#ee2327 rgb(238,35,39)
```
#f03639
```
#f03639 rgb(240,54,57)
```
#f1484b
```
#f1484b rgb(241,72,75)
```
#f25a5d
```
#f25a5d rgb(242,90,93)
```
#f46c6f
```
#f46c6f rgb(244,108,111)
```
#f57e81
```
#f57e81 rgb(245,126,129)
```
#f79193
```
#f79193 rgb(247,145,147)
```
#f8a3a5
```
#f8a3a5 rgb(248,163,165)
```
#f9b5b6
```
#f9b5b6 rgb(249,181,182)
```
#fbc7c8
```
#fbc7c8 rgb(251,199,200)
```
#fcdada
```
#fcdada rgb(252,218,218)
```
#feecec
```
#feecec rgb(254,236,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#817d7e
```
#817d7e rgb(129,125,126)
```
#8a7474
```
#8a7474 rgb(138,116,116)
```
#946a6b
```
#946a6b rgb(148,106,107)
```
#9e6061
```
#9e6061 rgb(158,96,97)
```
#a85658
```
#a85658 rgb(168,86,88)
```
#b14d4e
```
#b14d4e rgb(177,77,78)
```
#bb4345
```
#bb4345 rgb(187,67,69)
```
#c5393c
```
#c5393c rgb(197,57,60)
```
#cf2f32
```
#cf2f32 rgb(207,47,50)
```
#d82629
```
#d82629 rgb(216,38,41)
```
#e21c1f
```
#e21c1f rgb(226,28,31)
```
#ec1216
```
#ec1216 rgb(236,18,22)
```
#f6080d
```
#f6080d rgb(246,8,13)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#724748 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d34 Protanopia 1% of men
#9d7700 Deuteranopia 1% of men
#ec1f18 Tritanopia 0.001% of the population

Trichromacy

#ae5629 Protanomaly 1% of men, 0.01% of women
#b95208 Deuteranomaly 6% of men, 0.4% of women
#ec1a17 Tritanomaly 0.01% of the population

#ec1216 hex color

#ec1216 Color Information

#ec1216 Color Conversion

Color Schemes with #ec1216

Alternatives to #ec1216

#ec1216 Preview

Shades and Tints of #ec1216

Tones of #ec1216

Color Blindness Simulator