#ec1a1f hex color

In a RGB color space, hex #ec1a1f is composed of 92.5% red, 10.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89% magenta, 86.9% yellow and 7.5% black. It has a hue angle of 358.6 degrees, a saturation of 84.7% and a lightness of 51.4%. #ec1a1f color hex could be obtained by blending #ff343e with #d90000. Closest websafe color is: #ff3333.

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

● #ec1a1f color description : Vivid red.

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

Hex triplet	ec1a1f	`#ec1a1f`
RGB Decimal	236, 26, 31	`rgb(236,26,31)`
RGB Percent	92.5, 10.2, 12.2	`rgb(92.5%,10.2%,12.2%)`
CMYK	0, 89, 87, 7
HSL	358.6°, 84.7, 51.4	`hsl(358.6,84.7%,51.4%)`
HSV (or HSB)	358.6°, 89, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.305, 73.303, 53.599
XYZ	35.211, 18.675, 3.047
xyY	0.618, 0.328, 18.675
CIE-LCH	50.305, 90.808, 36.174
CIE-LUV	50.305, 154.478, 32.471
Hunter-Lab	43.215, 69.813, 26.07
Binary	11101100, 00011010, 00011111

#ec1a1f
```
#ec1a1f rgb(236,26,31)
```
#1aece7
```
#1aece7 rgb(26,236,231)
```

Complementary Color

#ec1a88
```
#ec1a88 rgb(236,26,136)
```
#ec1a1f
```
#ec1a1f rgb(236,26,31)
```
#ec7e1a
```
#ec7e1a rgb(236,126,26)
```

Analogous Color

#1a88ec
```
#1a88ec rgb(26,136,236)
```
#ec1a1f
```
#ec1a1f rgb(236,26,31)
```
#1aec7e
```
#1aec7e rgb(26,236,126)
```

Split Complementary Color

#1a1fec
```
#1a1fec rgb(26,31,236)
```
#ec1a1f
```
#ec1a1f rgb(236,26,31)
```
#1fec1a
```
#1fec1a rgb(31,236,26)
```

Triadic Color

#e71aec
```
#e71aec rgb(231,26,236)
```
#ec1a1f
```
#ec1a1f rgb(236,26,31)
```
#1fec1a
```
#1fec1a rgb(31,236,26)
```
#1aece7
```
#1aece7 rgb(26,236,231)
```

Tetradic Color

#ab0e12
```
#ab0e12 rgb(171,14,18)
```
#c31014
```
#c31014 rgb(195,16,20)
```
#da1217
```
#da1217 rgb(218,18,23)
```
#ec1a1f
```
#ec1a1f rgb(236,26,31)
```
#ee3236
```
#ee3236 rgb(238,50,54)
```
#f0494d
```
#f0494d rgb(240,73,77)
```
#f26164
```
#f26164 rgb(242,97,100)
```

Monochromatic Color

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

#ec1a54
```
#ec1a54 rgb(236,26,84)
```
#ec1a42
```
#ec1a42 rgb(236,26,66)
```
#ec1a31
```
#ec1a31 rgb(236,26,49)
```
#ec1a1f
```
#ec1a1f rgb(236,26,31)
```
#ec261a
```
#ec261a rgb(236,38,26)
```
#ec381a
```
#ec381a rgb(236,56,26)
```
#ec491a
```
#ec491a rgb(236,73,26)
```

Similar Colors

Text with hexadecimal color #ec1a1f

This text has a font color of #ec1a1f.

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

#ec1a1f background color

This paragraph has a background color of #ec1a1f.

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

#ec1a1f border color

This element has a border color of #ec1a1f.

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

CSS codes

.text {color:#ec1a1f;}

.background {background-color:#ec1a1f;}

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

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, #060101 is the darkest color, while #fef3f4 is the lightest one.

#060101
```
#060101 rgb(6,1,1)
```
#190203
```
#190203 rgb(25,2,3)
```
#2b0404
```
#2b0404 rgb(43,4,4)
```
#3d0506
```
#3d0506 rgb(61,5,6)
```
#4f0708
```
#4f0708 rgb(79,7,8)
```
#61080a
```
#61080a rgb(97,8,10)
```
#730a0c
```
#730a0c rgb(115,10,12)
```
#850b0e
```
#850b0e rgb(133,11,14)
```
#970d10
```
#970d10 rgb(151,13,16)
```
#a90e12
```
#a90e12 rgb(169,14,18)
```
#bc1014
```
#bc1014 rgb(188,16,20)
```
#ce1116
```
#ce1116 rgb(206,17,22)
```
#e01317
```
#e01317 rgb(224,19,23)
```

Shade Color Variation

#ec1a1f
```
#ec1a1f rgb(236,26,31)
```
#ee2c31
```
#ee2c31 rgb(238,44,49)
```
#ef3e42
```
#ef3e42 rgb(239,62,66)
```
#f15054
```
#f15054 rgb(241,80,84)
```
#f26266
```
#f26266 rgb(242,98,102)
```
#f47578
```
#f47578 rgb(244,117,120)
```
#f58789
```
#f58789 rgb(245,135,137)
```
#f7999b
```
#f7999b rgb(247,153,155)
```
#f8abad
```
#f8abad rgb(248,171,173)
```
#fabdbe
```
#fabdbe rgb(250,189,190)
```
#fbcfd0
```
#fbcfd0 rgb(251,207,208)
```
#fde1e2
```
#fde1e2 rgb(253,225,226)
```
#fef3f4
```
#fef3f4 rgb(254,243,244)
```

Tint Color Variation

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

#838383
```
#838383 rgb(131,131,131)
```
#8d797a
```
#8d797a rgb(141,121,122)
```
#967071
```
#967071 rgb(150,112,113)
```
#a06668
```
#a06668 rgb(160,102,104)
```
#a95d5f
```
#a95d5f rgb(169,93,95)
```
#b35356
```
#b35356 rgb(179,83,86)
```
#bc4a4c
```
#bc4a4c rgb(188,74,76)
```
#c64043
```
#c64043 rgb(198,64,67)
```
#cf373a
```
#cf373a rgb(207,55,58)
```
#d92d31
```
#d92d31 rgb(217,45,49)
```
#e22428
```
#e22428 rgb(226,36,40)
```
#ec1a1f
```
#ec1a1f rgb(236,26,31)
```
#f61016
```
#f61016 rgb(246,16,22)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#764c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7e3d Protanopia 1% of men
#9e7800 Deuteranopia 1% of men
#ec2723 Tritanopia 0.001% of the population

Trichromacy

#ae5a32 Protanomaly 1% of men, 0.01% of women
#ba560b Deuteranomaly 6% of men, 0.4% of women
#ec2221 Tritanomaly 0.01% of the population

#ec1a1f hex color

#ec1a1f Color Information

#ec1a1f Color Conversion

Color Schemes with #ec1a1f

Alternatives to #ec1a1f

#ec1a1f Preview

Shades and Tints of #ec1a1f

Tones of #ec1a1f

Color Blindness Simulator