#ec1a22 hex color

In a RGB color space, hex #ec1a22 is composed of 92.5% red, 10.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89% magenta, 85.6% yellow and 7.5% black. It has a hue angle of 357.7 degrees, a saturation of 84.7% and a lightness of 51.4%. #ec1a22 color hex could be obtained by blending #ff3444 with #d90000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 93
- G 10
- B 13
RGB color chart
- C 0
- M 89
- Y 86
- K 7
CMYK color chart

● #ec1a22 color description : Vivid red.

The hexadecimal color #ec1a22 has RGB values of R:236, G:26, B:34 and CMYK values of C:0, M:0.89, Y:0.86, K:0.07. Its decimal value is 15473186.

Hex triplet	ec1a22	`#ec1a22`
RGB Decimal	236, 26, 34	`rgb(236,26,34)`
RGB Percent	92.5, 10.2, 13.3	`rgb(92.5%,10.2%,13.3%)`
CMYK	0, 89, 86, 7
HSL	357.7°, 84.7, 51.4	`hsl(357.7,84.7%,51.4%)`
HSV (or HSB)	357.7°, 89, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.325, 73.359, 52.217
XYZ	35.252, 18.692, 3.265
xyY	0.616, 0.327, 18.692
CIE-LCH	50.325, 90.045, 35.443
CIE-LUV	50.325, 154.047, 31.8
Hunter-Lab	43.234, 69.886, 25.786
Binary	11101100, 00011010, 00100010

#ec1a22
```
#ec1a22 rgb(236,26,34)
```
#1aece4
```
#1aece4 rgb(26,236,228)
```

Complementary Color

#ec1a8b
```
#ec1a8b rgb(236,26,139)
```
#ec1a22
```
#ec1a22 rgb(236,26,34)
```
#ec7b1a
```
#ec7b1a rgb(236,123,26)
```

Analogous Color

#1a8bec
```
#1a8bec rgb(26,139,236)
```
#ec1a22
```
#ec1a22 rgb(236,26,34)
```
#1aec7b
```
#1aec7b rgb(26,236,123)
```

Split Complementary Color

#1a22ec
```
#1a22ec rgb(26,34,236)
```
#ec1a22
```
#ec1a22 rgb(236,26,34)
```
#22ec1a
```
#22ec1a rgb(34,236,26)
```

Triadic Color

#e41aec
```
#e41aec rgb(228,26,236)
```
#ec1a22
```
#ec1a22 rgb(236,26,34)
```
#22ec1a
```
#22ec1a rgb(34,236,26)
```
#1aece4
```
#1aece4 rgb(26,236,228)
```

Tetradic Color

#ab0e14
```
#ab0e14 rgb(171,14,20)
```
#c31017
```
#c31017 rgb(195,16,23)
```
#da121a
```
#da121a rgb(218,18,26)
```
#ec1a22
```
#ec1a22 rgb(236,26,34)
```
#ee3239
```
#ee3239 rgb(238,50,57)
```
#f0494f
```
#f0494f rgb(240,73,79)
```
#f26166
```
#f26166 rgb(242,97,102)
```

Monochromatic Color

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

#ec1a57
```
#ec1a57 rgb(236,26,87)
```
#ec1a45
```
#ec1a45 rgb(236,26,69)
```
#ec1a33
```
#ec1a33 rgb(236,26,51)
```
#ec1a22
```
#ec1a22 rgb(236,26,34)
```
#ec241a
```
#ec241a rgb(236,36,26)
```
#ec351a
```
#ec351a rgb(236,53,26)
```
#ec471a
```
#ec471a rgb(236,71,26)
```

Similar Colors

Text with hexadecimal color #ec1a22

This text has a font color of #ec1a22.

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

#ec1a22 background color

This paragraph has a background color of #ec1a22.

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

#ec1a22 border color

This element has a border color of #ec1a22.

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

CSS codes

.text {color:#ec1a22;}

.background {background-color:#ec1a22;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#190203
```
#190203 rgb(25,2,3)
```
#2b0405
```
#2b0405 rgb(43,4,5)
```
#3d0507
```
#3d0507 rgb(61,5,7)
```
#4f0709
```
#4f0709 rgb(79,7,9)
```
#61080b
```
#61080b rgb(97,8,11)
```
#730a0e
```
#730a0e rgb(115,10,14)
```
#850b10
```
#850b10 rgb(133,11,16)
```
#970d12
```
#970d12 rgb(151,13,18)
```
#a90e14
```
#a90e14 rgb(169,14,20)
```
#bc1016
```
#bc1016 rgb(188,16,22)
```
#ce1118
```
#ce1118 rgb(206,17,24)
```
#e0131a
```
#e0131a rgb(224,19,26)
```

Shade Color Variation

#ec1a22
```
#ec1a22 rgb(236,26,34)
```
#ee2c33
```
#ee2c33 rgb(238,44,51)
```
#ef3e45
```
#ef3e45 rgb(239,62,69)
```
#f15056
```
#f15056 rgb(241,80,86)
```
#f26268
```
#f26268 rgb(242,98,104)
```
#f47579
```
#f47579 rgb(244,117,121)
```
#f5878b
```
#f5878b rgb(245,135,139)
```
#f7999c
```
#f7999c rgb(247,153,156)
```
#f8abae
```
#f8abae rgb(248,171,174)
```
#fabdbf
```
#fabdbf rgb(250,189,191)
```
#fbcfd1
```
#fbcfd1 rgb(251,207,209)
```
#fde1e2
```
#fde1e2 rgb(253,225,226)
```
#fef3f4
```
#fef3f4 rgb(254,243,244)
```

Tint Color Variation

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

#838383
```
#838383 rgb(131,131,131)
```
#8d797a
```
#8d797a rgb(141,121,122)
```
#967071
```
#967071 rgb(150,112,113)
```
#a06668
```
#a06668 rgb(160,102,104)
```
#a95d60
```
#a95d60 rgb(169,93,96)
```
#b35357
```
#b35357 rgb(179,83,87)
```
#bc4a4e
```
#bc4a4e rgb(188,74,78)
```
#c64045
```
#c64045 rgb(198,64,69)
```
#cf373c
```
#cf373c rgb(207,55,60)
```
#d92d34
```
#d92d34 rgb(217,45,52)
```
#e2242b
```
#e2242b rgb(226,36,43)
```
#ec1a22
```
#ec1a22 rgb(236,26,34)
```
#f61019
```
#f61019 rgb(246,16,25)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#774d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7e40 Protanopia 1% of men
#9e7811 Deuteranopia 1% of men
#ec2723 Tritanopia 0.001% of the population

Trichromacy

#ae5a35 Protanomaly 1% of men, 0.01% of women
#ba5617 Deuteranomaly 6% of men, 0.4% of women
#ec2223 Tritanomaly 0.01% of the population

#ec1a22 hex color

#ec1a22 Color Information

#ec1a22 Color Conversion

Color Schemes with #ec1a22

Alternatives to #ec1a22

#ec1a22 Preview

Shades and Tints of #ec1a22

Tones of #ec1a22

Color Blindness Simulator