#ec220a hex color

In a RGB color space, hex #ec220a is composed of 92.5% red, 13.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 95.8% yellow and 7.5% black. It has a hue angle of 6.4 degrees, a saturation of 91.9% and a lightness of 48.2%. #ec220a color hex could be obtained by blending #ff4414 with #d90000. Closest websafe color is: #ff3300.

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

● #ec220a color description : Vivid red.

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

Hex triplet	ec220a	`#ec220a`
RGB Decimal	236, 34, 10	`rgb(236,34,10)`
RGB Percent	92.5, 13.3, 3.9	`rgb(92.5%,13.3%,3.9%)`
CMYK	0, 86, 96, 7
HSL	6.4°, 91.9, 48.2	`hsl(6.4,91.9%,48.2%)`
HSV (or HSB)	6.4°, 95.8, 92.5
Web Safe	ff3300	`#ff3300`

CIE-LAB	50.691, 71.672, 61.343
XYZ	35.221, 19.003, 2.101
xyY	0.625, 0.337, 19.003
CIE-LCH	50.691, 94.339, 40.56
CIE-LUV	50.691, 153.911, 36.492
Hunter-Lab	43.593, 67.931, 27.658
Binary	11101100, 00100010, 00001010

#ec220a
```
#ec220a rgb(236,34,10)
```
#0ad4ec
```
#0ad4ec rgb(10,212,236)
```

Complementary Color

#ec0a63
```
#ec0a63 rgb(236,10,99)
```
#ec220a
```
#ec220a rgb(236,34,10)
```
#ec930a
```
#ec930a rgb(236,147,10)
```

Analogous Color

#0a63ec
```
#0a63ec rgb(10,99,236)
```
#ec220a
```
#ec220a rgb(236,34,10)
```
#0aec93
```
#0aec93 rgb(10,236,147)
```

Split Complementary Color

#220aec
```
#220aec rgb(34,10,236)
```
#ec220a
```
#ec220a rgb(236,34,10)
```
#0aec22
```
#0aec22 rgb(10,236,34)
```

Triadic Color

#ec0ad4
```
#ec0ad4 rgb(236,10,212)
```
#ec220a
```
#ec220a rgb(236,34,10)
```
#0aec22
```
#0aec22 rgb(10,236,34)
```
#0ad4ec
```
#0ad4ec rgb(10,212,236)
```

Tetradic Color

#a31707
```
#a31707 rgb(163,23,7)
```
#bb1b08
```
#bb1b08 rgb(187,27,8)
```
#d41e09
```
#d41e09 rgb(212,30,9)
```
#ec220a
```
#ec220a rgb(236,34,10)
```
#f5311a
```
#f5311a rgb(245,49,26)
```
#f64733
```
#f64733 rgb(246,71,51)
```
#f75d4b
```
#f75d4b rgb(247,93,75)
```

Monochromatic Color

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

#ec0a2b
```
#ec0a2b rgb(236,10,43)
```
#ec0a18
```
#ec0a18 rgb(236,10,24)
```
#ec0f0a
```
#ec0f0a rgb(236,15,10)
```
#ec220a
```
#ec220a rgb(236,34,10)
```
#ec350a
```
#ec350a rgb(236,53,10)
```
#ec480a
```
#ec480a rgb(236,72,10)
```
#ec5a0a
```
#ec5a0a rgb(236,90,10)
```

Similar Colors

Text with hexadecimal color #ec220a

This text has a font color of #ec220a.

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

#ec220a background color

This paragraph has a background color of #ec220a.

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

#ec220a border color

This element has a border color of #ec220a.

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

CSS codes

.text {color:#ec220a;}

.background {background-color:#ec220a;}

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

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

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1d0401
```
#1d0401 rgb(29,4,1)
```
#300702
```
#300702 rgb(48,7,2)
```
#430a03
```
#430a03 rgb(67,10,3)
```
#550c04
```
#550c04 rgb(85,12,4)
```
#680f04
```
#680f04 rgb(104,15,4)
```
#7b1205
```
#7b1205 rgb(123,18,5)
```
#8e1406
```
#8e1406 rgb(142,20,6)
```
#a11707
```
#a11707 rgb(161,23,7)
```
#b41a08
```
#b41a08 rgb(180,26,8)
```
#c61d08
```
#c61d08 rgb(198,29,8)
```
#d91f09
```
#d91f09 rgb(217,31,9)
```
#ec220a
```
#ec220a rgb(236,34,10)
```

Shade Color Variation

#f52c15
```
#f52c15 rgb(245,44,21)
```
#f63d27
```
#f63d27 rgb(246,61,39)
```
#f74e3a
```
#f74e3a rgb(247,78,58)
```
#f75f4d
```
#f75f4d rgb(247,95,77)
```
#f87060
```
#f87060 rgb(248,112,96)
```
#f98173
```
#f98173 rgb(249,129,115)
```
#fa9285
```
#fa9285 rgb(250,146,133)
```
#fba398
```
#fba398 rgb(251,163,152)
```
#fbb4ab
```
#fbb4ab rgb(251,180,171)
```
#fcc5be
```
#fcc5be rgb(252,197,190)
```
#fdd5d1
```
#fdd5d1 rgb(253,213,209)
```
#fee6e4
```
#fee6e4 rgb(254,230,228)
```
#fff7f6
```
#fff7f6 rgb(255,247,246)
```

Tint Color Variation

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

#847472
```
#847472 rgb(132,116,114)
```
#8d6d69
```
#8d6d69 rgb(141,109,105)
```
#97655f
```
#97655f rgb(151,101,95)
```
#a05e56
```
#a05e56 rgb(160,94,86)
```
#aa564c
```
#aa564c rgb(170,86,76)
```
#b34f43
```
#b34f43 rgb(179,79,67)
```
#bd4739
```
#bd4739 rgb(189,71,57)
```
#c64030
```
#c64030 rgb(198,64,48)
```
#d03826
```
#d03826 rgb(208,56,38)
```
#d9311d
```
#d9311d rgb(217,49,29)
```
#e32913
```
#e32913 rgb(227,41,19)
```
#ec220a
```
#ec220a rgb(236,34,10)
```
#f51b01
```
#f51b01 rgb(245,27,1)
```

Tone Color Variation

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

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

Trichromacy

#b05d1d Protanomaly 1% of men, 0.01% of women
#bb5903 Deuteranomaly 6% of men, 0.4% of women
#ec281d Tritanomaly 0.01% of the population

#ec220a hex color

#ec220a Color Information

#ec220a Color Conversion

Color Schemes with #ec220a

Alternatives to #ec220a

#ec220a Preview

Shades and Tints of #ec220a

Tones of #ec220a

Color Blindness Simulator