#ec1e1f hex color

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

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

● #ec1e1f color description : Vivid red.

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

Hex triplet	ec1e1f	`#ec1e1f`
RGB Decimal	236, 30, 31	`rgb(236,30,31)`
RGB Percent	92.5, 11.8, 12.2	`rgb(92.5%,11.8%,12.2%)`
CMYK	0, 87, 87, 7
HSL	359.7°, 84.4, 52.2	`hsl(359.7,84.4%,52.2%)`
HSV (or HSB)	359.7°, 87.3, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.529, 72.66, 53.775
XYZ	35.306, 18.865, 3.079
xyY	0.617, 0.33, 18.865
CIE-LCH	50.529, 90.395, 36.505
CIE-LUV	50.529, 153.283, 32.886
Hunter-Lab	43.434, 69.086, 26.201
Binary	11101100, 00011110, 00011111

#ec1e1f
```
#ec1e1f rgb(236,30,31)
```
#1eeceb
```
#1eeceb rgb(30,236,235)
```

Complementary Color

#ec1e86
```
#ec1e86 rgb(236,30,134)
```
#ec1e1f
```
#ec1e1f rgb(236,30,31)
```
#ec841e
```
#ec841e rgb(236,132,30)
```

Analogous Color

#1e86ec
```
#1e86ec rgb(30,134,236)
```
#ec1e1f
```
#ec1e1f rgb(236,30,31)
```
#1eec84
```
#1eec84 rgb(30,236,132)
```

Split Complementary Color

#1e1fec
```
#1e1fec rgb(30,31,236)
```
#ec1e1f
```
#ec1e1f rgb(236,30,31)
```
#1fec1e
```
#1fec1e rgb(31,236,30)
```

Triadic Color

#eb1eec
```
#eb1eec rgb(235,30,236)
```
#ec1e1f
```
#ec1e1f rgb(236,30,31)
```
#1fec1e
```
#1fec1e rgb(31,236,30)
```
#1eeceb
```
#1eeceb rgb(30,236,235)
```

Tetradic Color

#af0f10
```
#af0f10 rgb(175,15,16)
```
#c61112
```
#c61112 rgb(198,17,18)
```
#de1314
```
#de1314 rgb(222,19,20)
```
#ec1e1f
```
#ec1e1f rgb(236,30,31)
```
#ee3636
```
#ee3636 rgb(238,54,54)
```
#f04d4e
```
#f04d4e rgb(240,77,78)
```
#f26565
```
#f26565 rgb(242,101,101)
```

Monochromatic Color

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

#ec1e53
```
#ec1e53 rgb(236,30,83)
```
#ec1e41
```
#ec1e41 rgb(236,30,65)
```
#ec1e30
```
#ec1e30 rgb(236,30,48)
```
#ec1e1f
```
#ec1e1f rgb(236,30,31)
```
#ec2e1e
```
#ec2e1e rgb(236,46,30)
```
#ec3f1e
```
#ec3f1e rgb(236,63,30)
```
#ec511e
```
#ec511e rgb(236,81,30)
```

Similar Colors

Text with hexadecimal color #ec1e1f

This text has a font color of #ec1e1f.

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

#ec1e1f background color

This paragraph has a background color of #ec1e1f.

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

#ec1e1f border color

This element has a border color of #ec1e1f.

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

CSS codes

.text {color:#ec1e1f;}

.background {background-color:#ec1e1f;}

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

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

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1c0203
```
#1c0203 rgb(28,2,3)
```
#2e0404
```
#2e0404 rgb(46,4,4)
```
#400506
```
#400506 rgb(64,5,6)
```
#520707
```
#520707 rgb(82,7,7)
```
#650809
```
#650809 rgb(101,8,9)
```
#770a0b
```
#770a0b rgb(119,10,11)
```
#890c0c
```
#890c0c rgb(137,12,12)
```
#9b0d0e
```
#9b0d0e rgb(155,13,14)
```
#ad0f0f
```
#ad0f0f rgb(173,15,15)
```
#bf1011
```
#bf1011 rgb(191,16,17)
```
#d11213
```
#d11213 rgb(209,18,19)
```
#e31314
```
#e31314 rgb(227,19,20)
```

Shade Color Variation

#ec1e1f
```
#ec1e1f rgb(236,30,31)
```
#ee3031
```
#ee3031 rgb(238,48,49)
```
#ef4243
```
#ef4243 rgb(239,66,67)
```
#f15455
```
#f15455 rgb(241,84,85)
```
#f26667
```
#f26667 rgb(242,102,103)
```
#f47879
```
#f47879 rgb(244,120,121)
```
#f58b8b
```
#f58b8b rgb(245,139,139)
```
#f79d9d
```
#f79d9d rgb(247,157,157)
```
#f8afaf
```
#f8afaf rgb(248,175,175)
```
#fac1c1
```
#fac1c1 rgb(250,193,193)
```
#fbd3d3
```
#fbd3d3 rgb(251,211,211)
```
#fde5e5
```
#fde5e5 rgb(253,229,229)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#8e7c7c
```
#8e7c7c rgb(142,124,124)
```
#987273
```
#987273 rgb(152,114,115)
```
#a16969
```
#a16969 rgb(161,105,105)
```
#aa6060
```
#aa6060 rgb(170,96,96)
```
#b45657
```
#b45657 rgb(180,86,87)
```
#bd4d4d
```
#bd4d4d rgb(189,77,77)
```
#c64444
```
#c64444 rgb(198,68,68)
```
#d03a3b
```
#d03a3b rgb(208,58,59)
```
#d93132
```
#d93132 rgb(217,49,50)
```
#e32728
```
#e32728 rgb(227,39,40)
```
#ec1e1f
```
#ec1e1f rgb(236,30,31)
```
#f51516
```
#f51516 rgb(245,21,22)
```
#ff0b0c
```
#ff0b0c rgb(255,11,12)
```

Tone Color Variation

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

Dichromacy

#8c7f3d Protanopia 1% of men
#9f7900 Deuteranopia 1% of men
#ec2a27 Tritanopia 0.001% of the population

Trichromacy

#af5b32 Protanomaly 1% of men, 0.01% of women
#bb570b Deuteranomaly 6% of men, 0.4% of women
#ec2524 Tritanomaly 0.01% of the population

#ec1e1f hex color

#ec1e1f Color Information

#ec1e1f Color Conversion

Color Schemes with #ec1e1f

Alternatives to #ec1e1f

#ec1e1f Preview

Shades and Tints of #ec1e1f

Tones of #ec1e1f

Color Blindness Simulator