#ec310b hex color

In a RGB color space, hex #ec310b is composed of 92.5% red, 19.2% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 95.3% yellow and 7.5% black. It has a hue angle of 10.1 degrees, a saturation of 91.1% and a lightness of 48.4%. #ec310b color hex could be obtained by blending #ff6216 with #d90000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 93
- G 19
- B 4
RGB color chart
- C 0
- M 79
- Y 95
- K 7
CMYK color chart

● #ec310b color description : Vivid red.

The hexadecimal color #ec310b has RGB values of R:236, G:49, B:11 and CMYK values of C:0, M:0.79, Y:0.95, K:0.07. Its decimal value is 15479051.

Hex triplet	ec310b	`#ec310b`
RGB Decimal	236, 49, 11	`rgb(236,49,11)`
RGB Percent	92.5, 19.2, 4.3	`rgb(92.5%,19.2%,4.3%)`
CMYK	0, 79, 95, 7
HSL	10.1°, 91.1, 48.4	`hsl(10.1,91.1%,48.4%)`
HSV (or HSB)	10.1°, 95.3, 92.5
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.903, 68.248, 61.742
XYZ	35.753, 20.058, 2.306
xyY	0.615, 0.345, 20.058
CIE-LCH	51.903, 92.032, 42.134
CIE-LUV	51.903, 147.391, 38.555
Hunter-Lab	44.786, 64.119, 28.298
Binary	11101100, 00110001, 00001011

#ec310b
```
#ec310b rgb(236,49,11)
```
#0bc6ec
```
#0bc6ec rgb(11,198,236)
```

Complementary Color

#ec0b56
```
#ec0b56 rgb(236,11,86)
```
#ec310b
```
#ec310b rgb(236,49,11)
```
#eca20b
```
#eca20b rgb(236,162,11)
```

Analogous Color

#0b56ec
```
#0b56ec rgb(11,86,236)
```
#ec310b
```
#ec310b rgb(236,49,11)
```
#0beca2
```
#0beca2 rgb(11,236,162)
```

Split Complementary Color

#310bec
```
#310bec rgb(49,11,236)
```
#ec310b
```
#ec310b rgb(236,49,11)
```
#0bec31
```
#0bec31 rgb(11,236,49)
```

Triadic Color

#ec0bc6
```
#ec0bc6 rgb(236,11,198)
```
#ec310b
```
#ec310b rgb(236,49,11)
```
#0bec31
```
#0bec31 rgb(11,236,49)
```
#0bc6ec
```
#0bc6ec rgb(11,198,236)
```

Tetradic Color

#a32208
```
#a32208 rgb(163,34,8)
```
#bb2709
```
#bb2709 rgb(187,39,9)
```
#d42c0a
```
#d42c0a rgb(212,44,10)
```
#ec310b
```
#ec310b rgb(236,49,11)
```
#f4411c
```
#f4411c rgb(244,65,28)
```
#f65534
```
#f65534 rgb(246,85,52)
```
#f7694d
```
#f7694d rgb(247,105,77)
```

Monochromatic Color

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

#ec0b1d
```
#ec0b1d rgb(236,11,29)
```
#ec0c0b
```
#ec0c0b rgb(236,12,11)
```
#ec1e0b
```
#ec1e0b rgb(236,30,11)
```
#ec310b
```
#ec310b rgb(236,49,11)
```
#ec440b
```
#ec440b rgb(236,68,11)
```
#ec570b
```
#ec570b rgb(236,87,11)
```
#ec690b
```
#ec690b rgb(236,105,11)
```

Similar Colors

Text with hexadecimal color #ec310b

This text has a font color of #ec310b.

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

#ec310b background color

This paragraph has a background color of #ec310b.

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

#ec310b border color

This element has a border color of #ec310b.

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

CSS codes

.text {color:#ec310b;}

.background {background-color:#ec310b;}

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

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

#0b0201
```
#0b0201 rgb(11,2,1)
```
#1e0601
```
#1e0601 rgb(30,6,1)
```
#310a02
```
#310a02 rgb(49,10,2)
```
#430e03
```
#430e03 rgb(67,14,3)
```
#561204
```
#561204 rgb(86,18,4)
```
#691605
```
#691605 rgb(105,22,5)
```
#7c1a06
```
#7c1a06 rgb(124,26,6)
```
#8e1e07
```
#8e1e07 rgb(142,30,7)
```
#a12108
```
#a12108 rgb(161,33,8)
```
#b42508
```
#b42508 rgb(180,37,8)
```
#c72909
```
#c72909 rgb(199,41,9)
```
#d92d0a
```
#d92d0a rgb(217,45,10)
```
#ec310b
```
#ec310b rgb(236,49,11)
```

Shade Color Variation

#f43c16
```
#f43c16 rgb(244,60,22)
```
#f54c29
```
#f54c29 rgb(245,76,41)
```
#f65b3c
```
#f65b3c rgb(246,91,60)
```
#f76b4f
```
#f76b4f rgb(247,107,79)
```
#f87b61
```
#f87b61 rgb(248,123,97)
```
#f98b74
```
#f98b74 rgb(249,139,116)
```
#f99a87
```
#f99a87 rgb(249,154,135)
```
#faaa9a
```
#faaa9a rgb(250,170,154)
```
#fbbaac
```
#fbbaac rgb(251,186,172)
```
#fcc9bf
```
#fcc9bf rgb(252,201,191)
```
#fdd9d2
```
#fdd9d2 rgb(253,217,210)
```
#fee9e5
```
#fee9e5 rgb(254,233,229)
```
#fff9f7
```
#fff9f7 rgb(255,249,247)
```

Tint Color Variation

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

#847674
```
#847674 rgb(132,118,116)
```
#8d706a
```
#8d706a rgb(141,112,106)
```
#976a61
```
#976a61 rgb(151,106,97)
```
#a06357
```
#a06357 rgb(160,99,87)
```
#aa5d4e
```
#aa5d4e rgb(170,93,78)
```
#b35744
```
#b35744 rgb(179,87,68)
```
#bd503b
```
#bd503b rgb(189,80,59)
```
#c64a31
```
#c64a31 rgb(198,74,49)
```
#d04428
```
#d04428 rgb(208,68,40)
```
#d93e1e
```
#d93e1e rgb(217,62,30)
```
#e33715
```
#e33715 rgb(227,55,21)
```
#ec310b
```
#ec310b rgb(236,49,11)
```
#f62b01
```
#f62b01 rgb(246,43,1)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#805b53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918228 Protanopia 1% of men
#a37c00 Deuteranopia 1% of men
#ed3839 Tritanopia 0.001% of the population

Trichromacy

#b2651d Protanomaly 1% of men, 0.01% of women
#bd6104 Deuteranomaly 6% of men, 0.4% of women
#ec3528 Tritanomaly 0.01% of the population

#ec310b hex color

#ec310b Color Information

#ec310b Color Conversion

Color Schemes with #ec310b

Alternatives to #ec310b

#ec310b Preview

Shades and Tints of #ec310b

Tones of #ec310b

Color Blindness Simulator