#ec2122 hex color

In a RGB color space, hex #ec2122 is composed of 92.5% red, 12.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 85.6% yellow and 7.5% black. It has a hue angle of 359.7 degrees, a saturation of 84.2% and a lightness of 52.7%. #ec2122 color hex could be obtained by blending #ff4244 with #d90000. Closest websafe color is: #ff3333.

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

● #ec2122 color description : Vivid red.

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

Hex triplet	ec2122	`#ec2122`
RGB Decimal	236, 33, 34	`rgb(236,33,34)`
RGB Percent	92.5, 12.9, 13.3	`rgb(92.5%,12.9%,13.3%)`
CMYK	0, 86, 86, 7
HSL	359.7°, 84.2, 52.7	`hsl(359.7,84.2%,52.7%)`
HSV (or HSB)	359.7°, 86, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.735, 72.183, 52.558
XYZ	35.427, 19.041, 3.323
xyY	0.613, 0.329, 19.041
CIE-LCH	50.735, 89.289, 36.059
CIE-LUV	50.735, 151.873, 32.566
Hunter-Lab	43.636, 68.557, 26.029
Binary	11101100, 00100001, 00100010

#ec2122
```
#ec2122 rgb(236,33,34)
```
#21eceb
```
#21eceb rgb(33,236,235)
```

Complementary Color

#ec2188
```
#ec2188 rgb(236,33,136)
```
#ec2122
```
#ec2122 rgb(236,33,34)
```
#ec8621
```
#ec8621 rgb(236,134,33)
```

Analogous Color

#2188ec
```
#2188ec rgb(33,136,236)
```
#ec2122
```
#ec2122 rgb(236,33,34)
```
#21ec86
```
#21ec86 rgb(33,236,134)
```

Split Complementary Color

#2122ec
```
#2122ec rgb(33,34,236)
```
#ec2122
```
#ec2122 rgb(236,33,34)
```
#22ec21
```
#22ec21 rgb(34,236,33)
```

Triadic Color

#eb21ec
```
#eb21ec rgb(235,33,236)
```
#ec2122
```
#ec2122 rgb(236,33,34)
```
#22ec21
```
#22ec21 rgb(34,236,33)
```
#21eceb
```
#21eceb rgb(33,236,235)
```

Tetradic Color

#b10f10
```
#b10f10 rgb(177,15,16)
```
#c91112
```
#c91112 rgb(201,17,18)
```
#e01314
```
#e01314 rgb(224,19,20)
```
#ec2122
```
#ec2122 rgb(236,33,34)
```
#ee3839
```
#ee3839 rgb(238,56,57)
```
#f05051
```
#f05051 rgb(240,80,81)
```
#f26768
```
#f26768 rgb(242,103,104)
```

Monochromatic Color

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

#ec2155
```
#ec2155 rgb(236,33,85)
```
#ec2144
```
#ec2144 rgb(236,33,68)
```
#ec2133
```
#ec2133 rgb(236,33,51)
```
#ec2122
```
#ec2122 rgb(236,33,34)
```
#ec3121
```
#ec3121 rgb(236,49,33)
```
#ec4221
```
#ec4221 rgb(236,66,33)
```
#ec5321
```
#ec5321 rgb(236,83,33)
```

Similar Colors

Text with hexadecimal color #ec2122

This text has a font color of #ec2122.

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

#ec2122 background color

This paragraph has a background color of #ec2122.

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

#ec2122 border color

This element has a border color of #ec2122.

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

CSS codes

.text {color:#ec2122;}

.background {background-color:#ec2122;}

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

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, #0d0101 is the darkest color, while #fffafa is the lightest one.

#0d0101
```
#0d0101 rgb(13,1,1)
```
#1f0303
```
#1f0303 rgb(31,3,3)
```
#310404
```
#310404 rgb(49,4,4)
```
#430606
```
#430606 rgb(67,6,6)
```
#550708
```
#550708 rgb(85,7,8)
```
#670909
```
#670909 rgb(103,9,9)
```
#790a0b
```
#790a0b rgb(121,10,11)
```
#8b0c0d
```
#8b0c0d rgb(139,12,13)
```
#9d0d0e
```
#9d0d0e rgb(157,13,14)
```
#b00f10
```
#b00f10 rgb(176,15,16)
```
#c21111
```
#c21111 rgb(194,17,17)
```
#d41213
```
#d41213 rgb(212,18,19)
```
#e61415
```
#e61415 rgb(230,20,21)
```

Shade Color Variation

#ec2122
```
#ec2122 rgb(236,33,34)
```
#ee3334
```
#ee3334 rgb(238,51,52)
```
#ef4546
```
#ef4546 rgb(239,69,70)
```
#f15758
```
#f15758 rgb(241,87,88)
```
#f2696a
```
#f2696a rgb(242,105,106)
```
#f47b7c
```
#f47b7c rgb(244,123,124)
```
#f58d8e
```
#f58d8e rgb(245,141,142)
```
#f79fa0
```
#f79fa0 rgb(247,159,160)
```
#f8b2b2
```
#f8b2b2 rgb(248,178,178)
```
#fac4c4
```
#fac4c4 rgb(250,196,196)
```
#fbd6d6
```
#fbd6d6 rgb(251,214,214)
```
#fde8e8
```
#fde8e8 rgb(253,232,232)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#8f7e7e
```
#8f7e7e rgb(143,126,126)
```
#997475
```
#997475 rgb(153,116,117)
```
#a26b6b
```
#a26b6b rgb(162,107,107)
```
#ab6262
```
#ab6262 rgb(171,98,98)
```
#b45959
```
#b45959 rgb(180,89,89)
```
#be4f50
```
#be4f50 rgb(190,79,80)
```
#c74647
```
#c74647 rgb(199,70,71)
```
#d03d3e
```
#d03d3e rgb(208,61,62)
```
#d93434
```
#d93434 rgb(217,52,52)
```
#e32a2b
```
#e32a2b rgb(227,42,43)
```
#ec2122
```
#ec2122 rgb(236,33,34)
```
#f51819
```
#f51819 rgb(245,24,25)
```
#ff0e10
```
#ff0e10 rgb(255,14,16)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7a5252 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f40 Protanopia 1% of men
#9f7911 Deuteranopia 1% of men
#ec2c2b Tritanopia 0.001% of the population

Trichromacy

#af5d35 Protanomaly 1% of men, 0.01% of women
#bb5917 Deuteranomaly 6% of men, 0.4% of women
#ec2827 Tritanomaly 0.01% of the population

#ec2122 hex color

#ec2122 Color Information

#ec2122 Color Conversion

Color Schemes with #ec2122

Alternatives to #ec2122

#ec2122 Preview

Shades and Tints of #ec2122

Tones of #ec2122

Color Blindness Simulator