#ec1224 hex color

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

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

● #ec1224 color description : Vivid red.

The hexadecimal color #ec1224 has RGB values of R:236, G:18, B:36 and CMYK values of C:0, M:0.92, Y:0.85, K:0.07. Its decimal value is 15471140.

Hex triplet	ec1224	`#ec1224`
RGB Decimal	236, 18, 36	`rgb(236,18,36)`
RGB Percent	92.5, 7.1, 14.1	`rgb(92.5%,7.1%,14.1%)`
CMYK	0, 92, 85, 7
HSL	355°, 85.8, 49.8	`hsl(355,85.8%,49.8%)`
HSV (or HSB)	355°, 92.4, 92.5
Web Safe	ff0033	`#ff0033`

CIE-LAB	49.975, 74.447, 50.952
XYZ	35.129, 18.398, 3.37
xyY	0.617, 0.323, 18.398
CIE-LCH	49.975, 90.214, 34.388
CIE-LUV	49.975, 155.678, 30.636
Hunter-Lab	42.892, 71.13, 25.366
Binary	11101100, 00010010, 00100100

#ec1224
```
#ec1224 rgb(236,18,36)
```
#12ecda
```
#12ecda rgb(18,236,218)
```

Complementary Color

#ec1291
```
#ec1291 rgb(236,18,145)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```
#ec6d12
```
#ec6d12 rgb(236,109,18)
```

Analogous Color

#1291ec
```
#1291ec rgb(18,145,236)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```
#12ec6d
```
#12ec6d rgb(18,236,109)
```

Split Complementary Color

#1224ec
```
#1224ec rgb(18,36,236)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```
#24ec12
```
#24ec12 rgb(36,236,18)
```

Triadic Color

#da12ec
```
#da12ec rgb(218,18,236)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```
#24ec12
```
#24ec12 rgb(36,236,18)
```
#12ecda
```
#12ecda rgb(18,236,218)
```

Tetradic Color

#a50d19
```
#a50d19 rgb(165,13,25)
```
#bd0e1d
```
#bd0e1d rgb(189,14,29)
```
#d41020
```
#d41020 rgb(212,16,32)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```
#ef2939
```
#ef2939 rgb(239,41,57)
```
#f0414f
```
#f0414f rgb(240,65,79)
```
#f25865
```
#f25865 rgb(242,88,101)
```

Monochromatic Color

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

#ec125b
```
#ec125b rgb(236,18,91)
```
#ec1248
```
#ec1248 rgb(236,18,72)
```
#ec1236
```
#ec1236 rgb(236,18,54)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```
#ec1212
```
#ec1212 rgb(236,18,18)
```
#ec2412
```
#ec2412 rgb(236,36,18)
```
#ec3612
```
#ec3612 rgb(236,54,18)
```

Similar Colors

Text with hexadecimal color #ec1224

This text has a font color of #ec1224.

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

#ec1224 background color

This paragraph has a background color of #ec1224.

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

#ec1224 border color

This element has a border color of #ec1224.

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

CSS codes

.text {color:#ec1224;}

.background {background-color:#ec1224;}

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

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

#110103
```
#110103 rgb(17,1,3)
```
#240305
```
#240305 rgb(36,3,5)
```
#360408
```
#360408 rgb(54,4,8)
```
#48050b
```
#48050b rgb(72,5,11)
```
#5a070e
```
#5a070e rgb(90,7,14)
```
#6c0811
```
#6c0811 rgb(108,8,17)
```
#7f0a13
```
#7f0a13 rgb(127,10,19)
```
#910b16
```
#910b16 rgb(145,11,22)
```
#a30c19
```
#a30c19 rgb(163,12,25)
```
#b50e1c
```
#b50e1c rgb(181,14,28)
```
#c80f1e
```
#c80f1e rgb(200,15,30)
```
#da1121
```
#da1121 rgb(218,17,33)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```

Shade Color Variation

#ee2334
```
#ee2334 rgb(238,35,52)
```
#f03645
```
#f03645 rgb(240,54,69)
```
#f14856
```
#f14856 rgb(241,72,86)
```
#f25a67
```
#f25a67 rgb(242,90,103)
```
#f46c77
```
#f46c77 rgb(244,108,119)
```
#f57e88
```
#f57e88 rgb(245,126,136)
```
#f79199
```
#f79199 rgb(247,145,153)
```
#f8a3aa
```
#f8a3aa rgb(248,163,170)
```
#f9b5bb
```
#f9b5bb rgb(249,181,187)
```
#fbc7cc
```
#fbc7cc rgb(251,199,204)
```
#fcdadc
```
#fcdadc rgb(252,218,220)
```
#feeced
```
#feeced rgb(254,236,237)
```
#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 #f6081c is the most saturated one.

#817d7e
```
#817d7e rgb(129,125,126)
```
#8a7476
```
#8a7476 rgb(138,116,118)
```
#946a6d
```
#946a6d rgb(148,106,109)
```
#9e6065
```
#9e6065 rgb(158,96,101)
```
#a8565d
```
#a8565d rgb(168,86,93)
```
#b14d55
```
#b14d55 rgb(177,77,85)
```
#bb434d
```
#bb434d rgb(187,67,77)
```
#c53945
```
#c53945 rgb(197,57,69)
```
#cf2f3c
```
#cf2f3c rgb(207,47,60)
```
#d82634
```
#d82634 rgb(216,38,52)
```
#e21c2c
```
#e21c2c rgb(226,28,44)
```
#ec1224
```
#ec1224 rgb(236,18,36)
```
#f6081c
```
#f6081c rgb(246,8,28)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#73484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7e43 Protanopia 1% of men
#9d7715 Deuteranopia 1% of men
#ec221c Tritanopia 0.001% of the population

Trichromacy

#ad5638 Protanomaly 1% of men, 0.01% of women
#ba521b Deuteranomaly 6% of men, 0.4% of women
#ec1c1e Tritanomaly 0.01% of the population

#ec1224 hex color

#ec1224 Color Information

#ec1224 Color Conversion

Color Schemes with #ec1224

Alternatives to #ec1224

#ec1224 Preview

Shades and Tints of #ec1224

Tones of #ec1224

Color Blindness Simulator