#ec221f hex color

In a RGB color space, hex #ec221f is composed of 92.5% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 86.9% yellow and 7.5% black. It has a hue angle of 0.9 degrees, a saturation of 84.4% and a lightness of 52.4%. #ec221f color hex could be obtained by blending #ff443e with #d90000. Closest websafe color is: #ff3333.

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

● #ec221f color description : Vivid red.

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

Hex triplet	ec221f	`#ec221f`
RGB Decimal	236, 34, 31	`rgb(236,34,31)`
RGB Percent	92.5, 13.3, 12.2	`rgb(92.5%,13.3%,12.2%)`
CMYK	0, 86, 87, 7
HSL	0.9°, 84.4, 52.4	`hsl(0.9,84.4%,52.4%)`
HSV (or HSB)	0.9°, 86.9, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.781, 71.938, 53.974
XYZ	35.413, 19.08, 3.115
xyY	0.615, 0.331, 19.08
CIE-LCH	50.781, 89.935, 36.881
CIE-LUV	50.781, 151.943, 33.354
Hunter-Lab	43.681, 68.272, 26.349
Binary	11101100, 00100010, 00011111

#ec221f
```
#ec221f rgb(236,34,31)
```
#1fe9ec
```
#1fe9ec rgb(31,233,236)
```

Complementary Color

#ec1f83
```
#ec1f83 rgb(236,31,131)
```
#ec221f
```
#ec221f rgb(236,34,31)
```
#ec891f
```
#ec891f rgb(236,137,31)
```

Analogous Color

#1f83ec
```
#1f83ec rgb(31,131,236)
```
#ec221f
```
#ec221f rgb(236,34,31)
```
#1fec89
```
#1fec89 rgb(31,236,137)
```

Split Complementary Color

#221fec
```
#221fec rgb(34,31,236)
```
#ec221f
```
#ec221f rgb(236,34,31)
```
#1fec22
```
#1fec22 rgb(31,236,34)
```

Triadic Color

#ec1fe9
```
#ec1fe9 rgb(236,31,233)
```
#ec221f
```
#ec221f rgb(236,34,31)
```
#1fec22
```
#1fec22 rgb(31,236,34)
```
#1fe9ec
```
#1fe9ec rgb(31,233,236)
```

Tetradic Color

#b0110f
```
#b0110f rgb(176,17,15)
```
#c71411
```
#c71411 rgb(199,20,17)
```
#df1613
```
#df1613 rgb(223,22,19)
```
#ec221f
```
#ec221f rgb(236,34,31)
```
#ee3937
```
#ee3937 rgb(238,57,55)
```
#f0504e
```
#f0504e rgb(240,80,78)
```
#f26866
```
#f26866 rgb(242,104,102)
```

Monochromatic Color

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

#ec1f4f
```
#ec1f4f rgb(236,31,79)
```
#ec1f3e
```
#ec1f3e rgb(236,31,62)
```
#ec1f2d
```
#ec1f2d rgb(236,31,45)
```
#ec221f
```
#ec221f rgb(236,34,31)
```
#ec331f
```
#ec331f rgb(236,51,31)
```
#ec441f
```
#ec441f rgb(236,68,31)
```
#ec551f
```
#ec551f rgb(236,85,31)
```

Similar Colors

Text with hexadecimal color #ec221f

This text has a font color of #ec221f.

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

#ec221f background color

This paragraph has a background color of #ec221f.

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

#ec221f border color

This element has a border color of #ec221f.

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

CSS codes

.text {color:#ec221f;}

.background {background-color:#ec221f;}

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

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

#0b0101
```
#0b0101 rgb(11,1,1)
```
#1d0302
```
#1d0302 rgb(29,3,2)
```
#2f0504
```
#2f0504 rgb(47,5,4)
```
#410606
```
#410606 rgb(65,6,6)
```
#530807
```
#530807 rgb(83,8,7)
```
#650a09
```
#650a09 rgb(101,10,9)
```
#780c0a
```
#780c0a rgb(120,12,10)
```
#8a0e0c
```
#8a0e0c rgb(138,14,12)
```
#9c0f0d
```
#9c0f0d rgb(156,15,13)
```
#ae110f
```
#ae110f rgb(174,17,15)
```
#c01310
```
#c01310 rgb(192,19,16)
```
#d21512
```
#d21512 rgb(210,21,18)
```
#e41613
```
#e41613 rgb(228,22,19)
```

Shade Color Variation

#ec221f
```
#ec221f rgb(236,34,31)
```
#ee3431
```
#ee3431 rgb(238,52,49)
```
#ef4643
```
#ef4643 rgb(239,70,67)
```
#f15855
```
#f15855 rgb(241,88,85)
```
#f26967
```
#f26967 rgb(242,105,103)
```
#f47b79
```
#f47b79 rgb(244,123,121)
```
#f58d8b
```
#f58d8b rgb(245,141,139)
```
#f79f9e
```
#f79f9e rgb(247,159,158)
```
#f8b1b0
```
#f8b1b0 rgb(248,177,176)
```
#fac3c2
```
#fac3c2 rgb(250,195,194)
```
#fbd4d4
```
#fbd4d4 rgb(251,212,212)
```
#fde6e6
```
#fde6e6 rgb(253,230,230)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#8f7d7c
```
#8f7d7c rgb(143,125,124)
```
#987473
```
#987473 rgb(152,116,115)
```
#a16b6a
```
#a16b6a rgb(161,107,106)
```
#ab6260
```
#ab6260 rgb(171,98,96)
```
#b45857
```
#b45857 rgb(180,88,87)
```
#bd4f4e
```
#bd4f4e rgb(189,79,78)
```
#c74644
```
#c74644 rgb(199,70,68)
```
#d03d3b
```
#d03d3b rgb(208,61,59)
```
#d93432
```
#d93432 rgb(217,52,50)
```
#e32b28
```
#e32b28 rgb(227,43,40)
```
#ec221f
```
#ec221f rgb(236,34,31)
```
#f51916
```
#f51916 rgb(245,25,22)
```
#ff100c
```
#ff100c rgb(255,16,12)
```

Tone Color Variation

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

#8d803c Protanopia 1% of men
#a07900 Deuteranopia 1% of men
#ed2d2b Tritanopia 0.001% of the population

Trichromacy

#af5d32 Protanomaly 1% of men, 0.01% of women
#bb590b Deuteranomaly 6% of men, 0.4% of women
#ec2926 Tritanomaly 0.01% of the population

#ec221f hex color

#ec221f Color Information

#ec221f Color Conversion

Color Schemes with #ec221f

Alternatives to #ec221f

#ec221f Preview

Shades and Tints of #ec221f

Tones of #ec221f

Color Blindness Simulator