#ec142a hex color

In a RGB color space, hex #ec142a is composed of 92.5% red, 7.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 82.2% yellow and 7.5% black. It has a hue angle of 353.9 degrees, a saturation of 85% and a lightness of 50.2%. #ec142a color hex could be obtained by blending #ff2854 with #d90000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 93
- G 8
- B 16
RGB color chart
- C 0
- M 92
- Y 82
- K 7
CMYK color chart

● #ec142a color description : Vivid red.

The hexadecimal color #ec142a has RGB values of R:236, G:20, B:42 and CMYK values of C:0, M:0.92, Y:0.82, K:0.07. Its decimal value is 15471658.

Hex triplet	ec142a	`#ec142a`
RGB Decimal	236, 20, 42	`rgb(236,20,42)`
RGB Percent	92.5, 7.8, 16.5	`rgb(92.5%,7.8%,16.5%)`
CMYK	0, 92, 82, 7
HSL	353.9°, 85, 50.2	`hsl(353.9,85%,50.2%)`
HSV (or HSB)	353.9°, 91.5, 92.5
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.103, 74.348, 48.012
XYZ	35.262, 18.505, 3.906
xyY	0.611, 0.321, 18.505
CIE-LCH	50.103, 88.503, 32.853
CIE-LUV	50.103, 154.206, 29.189
Hunter-Lab	43.017, 71.039, 24.729
Binary	11101100, 00010100, 00101010

#ec142a
```
#ec142a rgb(236,20,42)
```
#14ecd6
```
#14ecd6 rgb(20,236,214)
```

Complementary Color

#ec1496
```
#ec1496 rgb(236,20,150)
```
#ec142a
```
#ec142a rgb(236,20,42)
```
#ec6a14
```
#ec6a14 rgb(236,106,20)
```

Analogous Color

#1496ec
```
#1496ec rgb(20,150,236)
```
#ec142a
```
#ec142a rgb(236,20,42)
```
#14ec6a
```
#14ec6a rgb(20,236,106)
```

Split Complementary Color

#142aec
```
#142aec rgb(20,42,236)
```
#ec142a
```
#ec142a rgb(236,20,42)
```
#2aec14
```
#2aec14 rgb(42,236,20)
```

Triadic Color

#d614ec
```
#d614ec rgb(214,20,236)
```
#ec142a
```
#ec142a rgb(236,20,42)
```
#2aec14
```
#2aec14 rgb(42,236,20)
```
#14ecd6
```
#14ecd6 rgb(20,236,214)
```

Tetradic Color

#a60d1d
```
#a60d1d rgb(166,13,29)
```
#be0f21
```
#be0f21 rgb(190,15,33)
```
#d51125
```
#d51125 rgb(213,17,37)
```
#ec142a
```
#ec142a rgb(236,20,42)
```
#ee2c3f
```
#ee2c3f rgb(238,44,63)
```
#f04355
```
#f04355 rgb(240,67,85)
```
#f25b6a
```
#f25b6a rgb(242,91,106)
```

Monochromatic Color

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

#ec1460
```
#ec1460 rgb(236,20,96)
```
#ec144e
```
#ec144e rgb(236,20,78)
```
#ec143c
```
#ec143c rgb(236,20,60)
```
#ec142a
```
#ec142a rgb(236,20,42)
```
#ec1418
```
#ec1418 rgb(236,20,24)
```
#ec2214
```
#ec2214 rgb(236,34,20)
```
#ec3414
```
#ec3414 rgb(236,52,20)
```

Similar Colors

Text with hexadecimal color #ec142a

This text has a font color of #ec142a.

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

#ec142a background color

This paragraph has a background color of #ec142a.

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

#ec142a border color

This element has a border color of #ec142a.

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

CSS codes

.text {color:#ec142a;}

.background {background-color:#ec142a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130203
```
#130203 rgb(19,2,3)
```
#250306
```
#250306 rgb(37,3,6)
```
#37040a
```
#37040a rgb(55,4,10)
```
#4a060d
```
#4a060d rgb(74,6,13)
```
#5c0710
```
#5c0710 rgb(92,7,16)
```
#6e0913
```
#6e0913 rgb(110,9,19)
```
#800a16
```
#800a16 rgb(128,10,22)
```
#920c19
```
#920c19 rgb(146,12,25)
```
#a40d1d
```
#a40d1d rgb(164,13,29)
```
#b60f20
```
#b60f20 rgb(182,15,32)
```
#c91023
```
#c91023 rgb(201,16,35)
```
#db1226
```
#db1226 rgb(219,18,38)
```

Shade Color Variation

#ec142a
```
#ec142a rgb(236,20,42)
```
#ed263a
```
#ed263a rgb(237,38,58)
```
#ef384b
```
#ef384b rgb(239,56,75)
```
#f04a5b
```
#f04a5b rgb(240,74,91)
```
#f25d6c
```
#f25d6c rgb(242,93,108)
```
#f36f7c
```
#f36f7c rgb(243,111,124)
```
#f5818d
```
#f5818d rgb(245,129,141)
```
#f6939d
```
#f6939d rgb(246,147,157)
```
#f8a5ae
```
#f8a5ae rgb(248,165,174)
```
#f9b7be
```
#f9b7be rgb(249,183,190)
```
#fbc9ce
```
#fbc9ce rgb(251,201,206)
```
#fcdcdf
```
#fcdcdf rgb(252,220,223)
```
#feeeef
```
#feeeef rgb(254,238,239)
```

Tint Color Variation

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

#817f80
```
#817f80 rgb(129,127,128)
```
#8a7678
```
#8a7678 rgb(138,118,120)
```
#946c70
```
#946c70 rgb(148,108,112)
```
#9e6268
```
#9e6268 rgb(158,98,104)
```
#a85860
```
#a85860 rgb(168,88,96)
```
#b14f59
```
#b14f59 rgb(177,79,89)
```
#bb4551
```
#bb4551 rgb(187,69,81)
```
#c53b49
```
#c53b49 rgb(197,59,73)
```
#cf3141
```
#cf3141 rgb(207,49,65)
```
#d8283a
```
#d8283a rgb(216,40,58)
```
#e21e32
```
#e21e32 rgb(226,30,50)
```
#ec142a
```
#ec142a rgb(236,20,42)
```
#f60a22
```
#f60a22 rgb(246,10,34)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#754a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7e4a Protanopia 1% of men
#9d7820 Deuteranopia 1% of men
#ec241f Tritanopia 0.001% of the population

Trichromacy

#ad573e Protanomaly 1% of men, 0.01% of women
#b95324 Deuteranomaly 6% of men, 0.4% of women
#ec1e23 Tritanomaly 0.01% of the population

#ec142a hex color

#ec142a Color Information

#ec142a Color Conversion

Color Schemes with #ec142a

Alternatives to #ec142a

#ec142a Preview

Shades and Tints of #ec142a

Tones of #ec142a

Color Blindness Simulator