#ec221b hex color

In a RGB color space, hex #ec221b is composed of 92.5% red, 13.3% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 88.6% yellow and 7.5% black. It has a hue angle of 2 degrees, a saturation of 84.6% and a lightness of 51.6%. #ec221b color hex could be obtained by blending #ff4436 with #d90000. Closest websafe color is: #ff3333.

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

● #ec221b color description : Vivid red.

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

Hex triplet	ec221b	`#ec221b`
RGB Decimal	236, 34, 27	`rgb(236,34,27)`
RGB Percent	92.5, 13.3, 10.6	`rgb(92.5%,13.3%,10.6%)`
CMYK	0, 86, 89, 7
HSL	2°, 84.6, 51.6	`hsl(2,84.6%,51.6%)`
HSV (or HSB)	2°, 88.6, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.758, 71.869, 55.69
XYZ	35.364, 19.061, 2.854
xyY	0.617, 0.333, 19.061
CIE-LCH	50.758, 90.921, 37.771
CIE-LUV	50.758, 152.444, 34.153
Hunter-Lab	43.659, 68.184, 26.685
Binary	11101100, 00100010, 00011011

#ec221b
```
#ec221b rgb(236,34,27)
```
#1be5ec
```
#1be5ec rgb(27,229,236)
```

Complementary Color

#ec1b7d
```
#ec1b7d rgb(236,27,125)
```
#ec221b
```
#ec221b rgb(236,34,27)
```
#ec8b1b
```
#ec8b1b rgb(236,139,27)
```

Analogous Color

#1b7dec
```
#1b7dec rgb(27,125,236)
```
#ec221b
```
#ec221b rgb(236,34,27)
```
#1bec8b
```
#1bec8b rgb(27,236,139)
```

Split Complementary Color

#221bec
```
#221bec rgb(34,27,236)
```
#ec221b
```
#ec221b rgb(236,34,27)
```
#1bec22
```
#1bec22 rgb(27,236,34)
```

Triadic Color

#ec1be5
```
#ec1be5 rgb(236,27,229)
```
#ec221b
```
#ec221b rgb(236,34,27)
```
#1bec22
```
#1bec22 rgb(27,236,34)
```
#1be5ec
```
#1be5ec rgb(27,229,236)
```

Tetradic Color

#ac140e
```
#ac140e rgb(172,20,14)
```
#c41610
```
#c41610 rgb(196,22,16)
```
#db1912
```
#db1912 rgb(219,25,18)
```
#ec221b
```
#ec221b rgb(236,34,27)
```
#ee3933
```
#ee3933 rgb(238,57,51)
```
#f0504a
```
#f0504a rgb(240,80,74)
```
#f26662
```
#f26662 rgb(242,102,98)
```

Monochromatic Color

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

#ec1b48
```
#ec1b48 rgb(236,27,72)
```
#ec1b37
```
#ec1b37 rgb(236,27,55)
```
#ec1b25
```
#ec1b25 rgb(236,27,37)
```
#ec221b
```
#ec221b rgb(236,34,27)
```
#ec331b
```
#ec331b rgb(236,51,27)
```
#ec451b
```
#ec451b rgb(236,69,27)
```
#ec561b
```
#ec561b rgb(236,86,27)
```

Similar Colors

Text with hexadecimal color #ec221b

This text has a font color of #ec221b.

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

#ec221b background color

This paragraph has a background color of #ec221b.

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

#ec221b border color

This element has a border color of #ec221b.

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

CSS codes

.text {color:#ec221b;}

.background {background-color:#ec221b;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#190302
```
#190302 rgb(25,3,2)
```
#2c0504
```
#2c0504 rgb(44,5,4)
```
#3e0705
```
#3e0705 rgb(62,7,5)
```
#500907
```
#500907 rgb(80,9,7)
```
#620b08
```
#620b08 rgb(98,11,8)
```
#740d0a
```
#740d0a rgb(116,13,10)
```
#860f0b
```
#860f0b rgb(134,15,11)
```
#98110d
```
#98110d rgb(152,17,13)
```
#aa130e
```
#aa130e rgb(170,19,14)
```
#bc1510
```
#bc1510 rgb(188,21,16)
```
#cf1811
```
#cf1811 rgb(207,24,17)
```
#e11a13
```
#e11a13 rgb(225,26,19)
```

Shade Color Variation

#ec221b
```
#ec221b rgb(236,34,27)
```
#ee342d
```
#ee342d rgb(238,52,45)
```
#ef453f
```
#ef453f rgb(239,69,63)
```
#f15751
```
#f15751 rgb(241,87,81)
```
#f26863
```
#f26863 rgb(242,104,99)
```
#f47a76
```
#f47a76 rgb(244,122,118)
```
#f58b88
```
#f58b88 rgb(245,139,136)
```
#f79d9a
```
#f79d9a rgb(247,157,154)
```
#f8aeac
```
#f8aeac rgb(248,174,172)
```
#fac0be
```
#fac0be rgb(250,192,190)
```
#fbd2d0
```
#fbd2d0 rgb(251,210,208)
```
#fde3e2
```
#fde3e2 rgb(253,227,226)
```
#fef5f4
```
#fef5f4 rgb(254,245,244)
```

Tint Color Variation

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

#848484
```
#848484 rgb(132,132,132)
```
#8d7b7a
```
#8d7b7a rgb(141,123,122)
```
#977271
```
#977271 rgb(151,114,113)
```
#a06967
```
#a06967 rgb(160,105,103)
```
#aa605e
```
#aa605e rgb(170,96,94)
```
#b35754
```
#b35754 rgb(179,87,84)
```
#bd4e4b
```
#bd4e4b rgb(189,78,75)
```
#c64541
```
#c64541 rgb(198,69,65)
```
#d03d38
```
#d03d38 rgb(208,61,56)
```
#d9342e
```
#d9342e rgb(217,52,46)
```
#e32b25
```
#e32b25 rgb(227,43,37)
```
#ec221b
```
#ec221b rgb(236,34,27)
```
#f61912
```
#f61912 rgb(246,25,18)
```

Tone Color Variation

Below, you can see how #ec221b 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
#7a5251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f38 Protanopia 1% of men
#9f7900 Deuteranopia 1% of men
#ed2c2b Tritanopia 0.001% of the population

Trichromacy

#af5d2d Protanomaly 1% of men, 0.01% of women
#bb5909 Deuteranomaly 6% of men, 0.4% of women
#ec2825 Tritanomaly 0.01% of the population

#ec221b hex color

#ec221b Color Information

#ec221b Color Conversion

Color Schemes with #ec221b

Alternatives to #ec221b

#ec221b Preview

Shades and Tints of #ec221b

Tones of #ec221b

Color Blindness Simulator