colorhexa.com

#ec3150 hex color

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

- R 93
- G 19
- B 31
RGB color chart
- C 0
- M 79
- Y 66
- K 7
CMYK color chart

● #ec3150 color description : Bright red.

The hexadecimal color #ec3150 has RGB values of R:236, G:49, B:80 and CMYK values of C:0, M:0.79, Y:0.66, K:0.07. Its decimal value is 15479120.

Hex triplet	ec3150	`#ec3150`
RGB Decimal	236, 49, 80	`rgb(236,49,80)`
RGB Percent	92.5, 19.2, 31.4	`rgb(92.5%,19.2%,31.4%)`
CMYK	0, 79, 66, 7
HSL	350.1°, 83.1, 55.9	`hsl(350.1,83.1%,55.9%)`
HSV (or HSB)	350.1°, 79.2, 92.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.523, 70.183, 29.091
XYZ	37.14, 20.613, 9.612
xyY	0.551, 0.306, 20.613
CIE-LCH	52.523, 75.973, 22.514
CIE-LUV	52.523, 135.289, 17.856
Hunter-Lab	45.402, 66.566, 19.229
Binary	11101100, 00110001, 01010000

#ec3150
```
#ec3150 rgb(236,49,80)
```
#31eccd
```
#31eccd rgb(49,236,205)
```

Complementary Color

#ec31ae
```
#ec31ae rgb(236,49,174)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```
#ec7031
```
#ec7031 rgb(236,112,49)
```

Analogous Color

#31aeec
```
#31aeec rgb(49,174,236)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```
#31ec70
```
#31ec70 rgb(49,236,112)
```

Split Complementary Color

#3150ec
```
#3150ec rgb(49,80,236)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```
#50ec31
```
#50ec31 rgb(80,236,49)
```

Triadic Color

#cd31ec
```
#cd31ec rgb(205,49,236)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```
#50ec31
```
#50ec31 rgb(80,236,49)
```
#31eccd
```
#31eccd rgb(49,236,205)
```

Tetradic Color

#bf122e
```
#bf122e rgb(191,18,46)
```
#d61434
```
#d61434 rgb(214,20,52)
```
#ea1a3c
```
#ea1a3c rgb(234,26,60)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```
#ee4864
```
#ee4864 rgb(238,72,100)
```
#f06078
```
#f06078 rgb(240,96,120)
```
#f2778c
```
#f2778c rgb(242,119,140)
```

Monochromatic Color

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

#ec317f
```
#ec317f rgb(236,49,127)
```
#ec316f
```
#ec316f rgb(236,49,111)
```
#ec3160
```
#ec3160 rgb(236,49,96)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```
#ec3140
```
#ec3140 rgb(236,49,64)
```
#ec3131
```
#ec3131 rgb(236,49,49)
```
#ec4131
```
#ec4131 rgb(236,65,49)
```

Similar Colors

Text with hexadecimal color #ec3150

This text has a font color of #ec3150.

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

#ec3150 background color

This paragraph has a background color of #ec3150.

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

#ec3150 border color

This element has a border color of #ec3150.

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

CSS codes

.text {color:#ec3150;}

.background {background-color:#ec3150;}

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

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

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1b0307
```
#1b0307 rgb(27,3,7)
```
#2d040b
```
#2d040b rgb(45,4,11)
```
#3f060f
```
#3f060f rgb(63,6,15)
```
#510814
```
#510814 rgb(81,8,20)
```
#630918
```
#630918 rgb(99,9,24)
```
#750b1c
```
#750b1c rgb(117,11,28)
```
#870c21
```
#870c21 rgb(135,12,33)
```
#990e25
```
#990e25 rgb(153,14,37)
```
#ab102a
```
#ab102a rgb(171,16,42)
```
#bd112e
```
#bd112e rgb(189,17,46)
```
#cf1332
```
#cf1332 rgb(207,19,50)
```
#e11537
```
#e11537 rgb(225,21,55)
```

Shade Color Variation

#ea1f41
```
#ea1f41 rgb(234,31,65)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```
#ee435f
```
#ee435f rgb(238,67,95)
```
#ef556f
```
#ef556f rgb(239,85,111)
```
#f1677e
```
#f1677e rgb(241,103,126)
```
#f3798d
```
#f3798d rgb(243,121,141)
```
#f48b9c
```
#f48b9c rgb(244,139,156)
```
#f69dac
```
#f69dac rgb(246,157,172)
```
#f8afbb
```
#f8afbb rgb(248,175,187)
```
#f9c1ca
```
#f9c1ca rgb(249,193,202)
```
#fbd3d9
```
#fbd3d9 rgb(251,211,217)
```
#fde5e9
```
#fde5e9 rgb(253,229,233)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#95888a
```
#95888a rgb(149,136,138)
```
#9e7f84
```
#9e7f84 rgb(158,127,132)
```
#a7767e
```
#a7767e rgb(167,118,126)
```
#af6e78
```
#af6e78 rgb(175,110,120)
```
#b86573
```
#b86573 rgb(184,101,115)
```
#c15c6d
```
#c15c6d rgb(193,92,109)
```
#c95467
```
#c95467 rgb(201,84,103)
```
#d24b61
```
#d24b61 rgb(210,75,97)
```
#db425c
```
#db425c rgb(219,66,92)
```
#e33a56
```
#e33a56 rgb(227,58,86)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```
#f5284a
```
#f5284a rgb(245,40,74)
```
#fd2044
```
#fd2044 rgb(253,32,68)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#866066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8372 Protanopia 1% of men
#9f7e4c Deuteranopia 1% of men
#ec4042 Tritanopia 0.001% of the population

Trichromacy

#ad6565 Protanomaly 1% of men, 0.01% of women
#bb624e Deuteranomaly 6% of men, 0.4% of women
#ec3a47 Tritanomaly 0.01% of the population