#ec220c hex color

In a RGB color space, hex #ec220c is composed of 92.5% red, 13.3% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 94.9% yellow and 7.5% black. It has a hue angle of 5.9 degrees, a saturation of 90.3% and a lightness of 48.6%. #ec220c color hex could be obtained by blending #ff4418 with #d90000. Closest websafe color is: #ff3300.

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

● #ec220c color description : Vivid red.

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

Hex triplet	ec220c	`#ec220c`
RGB Decimal	236, 34, 12	`rgb(236,34,12)`
RGB Percent	92.5, 13.3, 4.7	`rgb(92.5%,13.3%,4.7%)`
CMYK	0, 86, 95, 7
HSL	5.9°, 90.3, 48.6	`hsl(5.9,90.3%,48.6%)`
HSV (or HSB)	5.9°, 94.9, 92.5
Web Safe	ff3300	`#ff3300`

CIE-LAB	50.697, 71.688, 60.839
XYZ	35.232, 19.008, 2.162
xyY	0.625, 0.337, 19.008
CIE-LCH	50.697, 94.024, 40.32
CIE-LUV	50.697, 153.791, 36.301
Hunter-Lab	43.598, 67.952, 27.579
Binary	11101100, 00100010, 00001100

#ec220c
```
#ec220c rgb(236,34,12)
```
#0cd6ec
```
#0cd6ec rgb(12,214,236)
```

Complementary Color

#ec0c66
```
#ec0c66 rgb(236,12,102)
```
#ec220c
```
#ec220c rgb(236,34,12)
```
#ec920c
```
#ec920c rgb(236,146,12)
```

Analogous Color

#0c66ec
```
#0c66ec rgb(12,102,236)
```
#ec220c
```
#ec220c rgb(236,34,12)
```
#0cec92
```
#0cec92 rgb(12,236,146)
```

Split Complementary Color

#220cec
```
#220cec rgb(34,12,236)
```
#ec220c
```
#ec220c rgb(236,34,12)
```
#0cec22
```
#0cec22 rgb(12,236,34)
```

Triadic Color

#ec0cd6
```
#ec0cd6 rgb(236,12,214)
```
#ec220c
```
#ec220c rgb(236,34,12)
```
#0cec22
```
#0cec22 rgb(12,236,34)
```
#0cd6ec
```
#0cd6ec rgb(12,214,236)
```

Tetradic Color

#a31808
```
#a31808 rgb(163,24,8)
```
#bb1b0a
```
#bb1b0a rgb(187,27,10)
```
#d41f0b
```
#d41f0b rgb(212,31,11)
```
#ec220c
```
#ec220c rgb(236,34,12)
```
#f4331e
```
#f4331e rgb(244,51,30)
```
#f54936
```
#f54936 rgb(245,73,54)
```
#f65f4e
```
#f65f4e rgb(246,95,78)
```

Monochromatic Color

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

#ec0c2e
```
#ec0c2e rgb(236,12,46)
```
#ec0c1b
```
#ec0c1b rgb(236,12,27)
```
#ec0f0c
```
#ec0f0c rgb(236,15,12)
```
#ec220c
```
#ec220c rgb(236,34,12)
```
#ec350c
```
#ec350c rgb(236,53,12)
```
#ec470c
```
#ec470c rgb(236,71,12)
```
#ec5a0c
```
#ec5a0c rgb(236,90,12)
```

Similar Colors

Text with hexadecimal color #ec220c

This text has a font color of #ec220c.

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

#ec220c background color

This paragraph has a background color of #ec220c.

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

#ec220c border color

This element has a border color of #ec220c.

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

CSS codes

.text {color:#ec220c;}

.background {background-color:#ec220c;}

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

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

#0c0201
```
#0c0201 rgb(12,2,1)
```
#1f0402
```
#1f0402 rgb(31,4,2)
```
#310703
```
#310703 rgb(49,7,3)
```
#440a03
```
#440a03 rgb(68,10,3)
```
#570c04
```
#570c04 rgb(87,12,4)
```
#690f05
```
#690f05 rgb(105,15,5)
```
#7c1206
```
#7c1206 rgb(124,18,6)
```
#8f1507
```
#8f1507 rgb(143,21,7)
```
#a11708
```
#a11708 rgb(161,23,8)
```
#b41a09
```
#b41a09 rgb(180,26,9)
```
#c71d0a
```
#c71d0a rgb(199,29,10)
```
#d91f0b
```
#d91f0b rgb(217,31,11)
```
#ec220c
```
#ec220c rgb(236,34,12)
```

Shade Color Variation

#f32e18
```
#f32e18 rgb(243,46,24)
```
#f43f2b
```
#f43f2b rgb(244,63,43)
```
#f5503e
```
#f5503e rgb(245,80,62)
```
#f66150
```
#f66150 rgb(246,97,80)
```
#f77263
```
#f77263 rgb(247,114,99)
```
#f88276
```
#f88276 rgb(248,130,118)
```
#f99388
```
#f99388 rgb(249,147,136)
```
#faa49b
```
#faa49b rgb(250,164,155)
```
#fbb5ae
```
#fbb5ae rgb(251,181,174)
```
#fcc6c0
```
#fcc6c0 rgb(252,198,192)
```
#fdd7d3
```
#fdd7d3 rgb(253,215,211)
```
#fee8e6
```
#fee8e6 rgb(254,232,230)
```
#fff9f8
```
#fff9f8 rgb(255,249,248)
```

Tint Color Variation

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

#837675
```
#837675 rgb(131,118,117)
```
#8d6f6b
```
#8d6f6b rgb(141,111,107)
```
#966762
```
#966762 rgb(150,103,98)
```
#a05f58
```
#a05f58 rgb(160,95,88)
```
#a9584f
```
#a9584f rgb(169,88,79)
```
#b35045
```
#b35045 rgb(179,80,69)
```
#bc483c
```
#bc483c rgb(188,72,60)
```
#c64132
```
#c64132 rgb(198,65,50)
```
#cf3929
```
#cf3929 rgb(207,57,41)
```
#d9311f
```
#d9311f rgb(217,49,31)
```
#e22a16
```
#e22a16 rgb(226,42,22)
```
#ec220c
```
#ec220c rgb(236,34,12)
```
#f61a02
```
#f61a02 rgb(246,26,2)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#79504c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e7f2a Protanopia 1% of men
#9f7900 Deuteranopia 1% of men
#ed2b29 Tritanopia 0.001% of the population

Trichromacy

#b05d1f Protanomaly 1% of men, 0.01% of women
#bb5904 Deuteranomaly 6% of men, 0.4% of women
#ec281e Tritanomaly 0.01% of the population

#ec220c hex color

#ec220c Color Information

#ec220c Color Conversion

Color Schemes with #ec220c

Alternatives to #ec220c

#ec220c Preview

Shades and Tints of #ec220c

Tones of #ec220c

Color Blindness Simulator