#ec313c hex color

In a RGB color space, hex #ec313c is composed of 92.5% red, 19.2% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 74.6% yellow and 7.5% black. It has a hue angle of 356.5 degrees, a saturation of 83.1% and a lightness of 55.9%. #ec313c color hex could be obtained by blending #ff6278 with #d90000. Closest websafe color is: #ff3333.

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

● #ec313c color description : Bright red.

The hexadecimal color #ec313c has RGB values of R:236, G:49, B:60 and CMYK values of C:0, M:0.79, Y:0.75, K:0.07. Its decimal value is 15479100.

Hex triplet	ec313c	`#ec313c`
RGB Decimal	236, 49, 60	`rgb(236,49,60)`
RGB Percent	92.5, 19.2, 23.5	`rgb(92.5%,19.2%,23.5%)`
CMYK	0, 79, 75, 7
HSL	356.5°, 83.1, 55.9	`hsl(356.5,83.1%,55.9%)`
HSV (or HSB)	356.5°, 79.2, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.242, 69.31, 40.376
XYZ	36.508, 20.36, 6.282
xyY	0.578, 0.322, 20.36
CIE-LCH	52.242, 80.212, 30.223
CIE-LUV	52.242, 140.549, 26.894
Hunter-Lab	45.122, 65.458, 23.331
Binary	11101100, 00110001, 00111100

#ec313c
```
#ec313c rgb(236,49,60)
```
#31ece1
```
#31ece1 rgb(49,236,225)
```

Complementary Color

#ec319a
```
#ec319a rgb(236,49,154)
```
#ec313c
```
#ec313c rgb(236,49,60)
```
#ec8431
```
#ec8431 rgb(236,132,49)
```

Analogous Color

#319aec
```
#319aec rgb(49,154,236)
```
#ec313c
```
#ec313c rgb(236,49,60)
```
#31ec84
```
#31ec84 rgb(49,236,132)
```

Split Complementary Color

#313cec
```
#313cec rgb(49,60,236)
```
#ec313c
```
#ec313c rgb(236,49,60)
```
#3cec31
```
#3cec31 rgb(60,236,49)
```

Triadic Color

#e131ec
```
#e131ec rgb(225,49,236)
```
#ec313c
```
#ec313c rgb(236,49,60)
```
#3cec31
```
#3cec31 rgb(60,236,49)
```
#31ece1
```
#31ece1 rgb(49,236,225)
```

Tetradic Color

#bf121c
```
#bf121c rgb(191,18,28)
```
#d6141f
```
#d6141f rgb(214,20,31)
```
#ea1a26
```
#ea1a26 rgb(234,26,38)
```
#ec313c
```
#ec313c rgb(236,49,60)
```
#ee4852
```
#ee4852 rgb(238,72,82)
```
#f06068
```
#f06068 rgb(240,96,104)
```
#f2777e
```
#f2777e rgb(242,119,126)
```

Monochromatic Color

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

#ec316b
```
#ec316b rgb(236,49,107)
```
#ec315b
```
#ec315b rgb(236,49,91)
```
#ec314c
```
#ec314c rgb(236,49,76)
```
#ec313c
```
#ec313c rgb(236,49,60)
```
#ec3631
```
#ec3631 rgb(236,54,49)
```
#ec4531
```
#ec4531 rgb(236,69,49)
```
#ec5531
```
#ec5531 rgb(236,85,49)
```

Similar Colors

Text with hexadecimal color #ec313c

This text has a font color of #ec313c.

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

#ec313c background color

This paragraph has a background color of #ec313c.

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

#ec313c border color

This element has a border color of #ec313c.

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

CSS codes

.text {color:#ec313c;}

.background {background-color:#ec313c;}

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

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)
```
#1b0304
```
#1b0304 rgb(27,3,4)
```
#2d0407
```
#2d0407 rgb(45,4,7)
```
#3f0609
```
#3f0609 rgb(63,6,9)
```
#51080c
```
#51080c rgb(81,8,12)
```
#63090e
```
#63090e rgb(99,9,14)
```
#750b11
```
#750b11 rgb(117,11,17)
```
#870c14
```
#870c14 rgb(135,12,20)
```
#990e16
```
#990e16 rgb(153,14,22)
```
#ab1019
```
#ab1019 rgb(171,16,25)
```
#bd111c
```
#bd111c rgb(189,17,28)
```
#cf131e
```
#cf131e rgb(207,19,30)
```
#e11521
```
#e11521 rgb(225,21,33)
```

Shade Color Variation

#ea1f2b
```
#ea1f2b rgb(234,31,43)
```
#ec313c
```
#ec313c rgb(236,49,60)
```
#ee434d
```
#ee434d rgb(238,67,77)
```
#ef555e
```
#ef555e rgb(239,85,94)
```
#f1676f
```
#f1676f rgb(241,103,111)
```
#f37980
```
#f37980 rgb(243,121,128)
```
#f48b91
```
#f48b91 rgb(244,139,145)
```
#f69da2
```
#f69da2 rgb(246,157,162)
```
#f8afb3
```
#f8afb3 rgb(248,175,179)
```
#f9c1c4
```
#f9c1c4 rgb(249,193,196)
```
#fbd3d5
```
#fbd3d5 rgb(251,211,213)
```
#fde5e6
```
#fde5e6 rgb(253,229,230)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#958888
```
#958888 rgb(149,136,136)
```
#9e7f81
```
#9e7f81 rgb(158,127,129)
```
#a77679
```
#a77679 rgb(167,118,121)
```
#af6e71
```
#af6e71 rgb(175,110,113)
```
#b8656a
```
#b8656a rgb(184,101,106)
```
#c15c62
```
#c15c62 rgb(193,92,98)
```
#c9545b
```
#c9545b rgb(201,84,91)
```
#d24b53
```
#d24b53 rgb(210,75,83)
```
#db424b
```
#db424b rgb(219,66,75)
```
#e33a44
```
#e33a44 rgb(227,58,68)
```
#ec313c
```
#ec313c rgb(236,49,60)
```
#f52834
```
#f52834 rgb(245,40,52)
```
#fd202d
```
#fd202d rgb(253,32,45)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#845f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d835b Protanopia 1% of men
#a17d38 Deuteranopia 1% of men
#ec3d3e Tritanopia 0.001% of the population

Trichromacy

#b0654f Protanomaly 1% of men, 0.01% of women
#bc6139 Deuteranomaly 6% of men, 0.4% of women
#ec383d Tritanomaly 0.01% of the population

#ec313c hex color

#ec313c Color Information

#ec313c Color Conversion

Color Schemes with #ec313c

Alternatives to #ec313c

#ec313c Preview

Shades and Tints of #ec313c

Tones of #ec313c

Color Blindness Simulator