#ec316f hex color

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

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

● #ec316f color description : Bright pink.

The hexadecimal color #ec316f has RGB values of R:236, G:49, B:111 and CMYK values of C:0, M:0.79, Y:0.53, K:0.07. Its decimal value is 15479151.

Hex triplet	ec316f	`#ec316f`
RGB Decimal	236, 49, 111	`rgb(236,49,111)`
RGB Percent	92.5, 19.2, 43.5	`rgb(92.5%,19.2%,43.5%)`
CMYK	0, 79, 53, 7
HSL	340.1°, 83.1, 55.9	`hsl(340.1,83.1%,55.9%)`
HSV (or HSB)	340.1°, 79.2, 92.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.148, 72.096, 11.323
XYZ	38.561, 21.182, 17.096
xyY	0.502, 0.276, 21.182
CIE-LCH	53.148, 72.98, 8.926
CIE-LUV	53.148, 124.784, -0.419
Hunter-Lab	46.023, 69.016, 10.192
Binary	11101100, 00110001, 01101111

#ec316f
```
#ec316f rgb(236,49,111)
```
#31ecae
```
#31ecae rgb(49,236,174)
```

Complementary Color

#ec31cd
```
#ec31cd rgb(236,49,205)
```
#ec316f
```
#ec316f rgb(236,49,111)
```
#ec5031
```
#ec5031 rgb(236,80,49)
```

Analogous Color

#31cdec
```
#31cdec rgb(49,205,236)
```
#ec316f
```
#ec316f rgb(236,49,111)
```
#31ec50
```
#31ec50 rgb(49,236,80)
```

Split Complementary Color

#316fec
```
#316fec rgb(49,111,236)
```
#ec316f
```
#ec316f rgb(236,49,111)
```
#6fec31
```
#6fec31 rgb(111,236,49)
```

Triadic Color

#ae31ec
```
#ae31ec rgb(174,49,236)
```
#ec316f
```
#ec316f rgb(236,49,111)
```
#6fec31
```
#6fec31 rgb(111,236,49)
```
#31ecae
```
#31ecae rgb(49,236,174)
```

Tetradic Color

#bf124b
```
#bf124b rgb(191,18,75)
```
#d61454
```
#d61454 rgb(214,20,84)
```
#ea1a5f
```
#ea1a5f rgb(234,26,95)
```
#ec316f
```
#ec316f rgb(236,49,111)
```
#ee487f
```
#ee487f rgb(238,72,127)
```
#f06090
```
#f06090 rgb(240,96,144)
```
#f277a0
```
#f277a0 rgb(242,119,160)
```

Monochromatic Color

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

#ec319e
```
#ec319e rgb(236,49,158)
```
#ec318e
```
#ec318e rgb(236,49,142)
```
#ec317f
```
#ec317f rgb(236,49,127)
```
#ec316f
```
#ec316f rgb(236,49,111)
```
#ec315f
```
#ec315f rgb(236,49,95)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```
#ec3140
```
#ec3140 rgb(236,49,64)
```

Similar Colors

Text with hexadecimal color #ec316f

This text has a font color of #ec316f.

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

#ec316f background color

This paragraph has a background color of #ec316f.

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

#ec316f border color

This element has a border color of #ec316f.

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

CSS codes

.text {color:#ec316f;}

.background {background-color:#ec316f;}

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

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

#0a0104
```
#0a0104 rgb(10,1,4)
```
#1b030b
```
#1b030b rgb(27,3,11)
```
#2d0412
```
#2d0412 rgb(45,4,18)
```
#3f0619
```
#3f0619 rgb(63,6,25)
```
#510820
```
#510820 rgb(81,8,32)
```
#630927
```
#630927 rgb(99,9,39)
```
#750b2e
```
#750b2e rgb(117,11,46)
```
#870c35
```
#870c35 rgb(135,12,53)
```
#990e3c
```
#990e3c rgb(153,14,60)
```
#ab1043
```
#ab1043 rgb(171,16,67)
```
#bd114a
```
#bd114a rgb(189,17,74)
```
#cf1351
```
#cf1351 rgb(207,19,81)
```
#e11558
```
#e11558 rgb(225,21,88)
```

Shade Color Variation

#ea1f62
```
#ea1f62 rgb(234,31,98)
```
#ec316f
```
#ec316f rgb(236,49,111)
```
#ee437c
```
#ee437c rgb(238,67,124)
```
#ef5588
```
#ef5588 rgb(239,85,136)
```
#f16795
```
#f16795 rgb(241,103,149)
```
#f379a1
```
#f379a1 rgb(243,121,161)
```
#f48bae
```
#f48bae rgb(244,139,174)
```
#f69dba
```
#f69dba rgb(246,157,186)
```
#f8afc7
```
#f8afc7 rgb(248,175,199)
```
#f9c1d3
```
#f9c1d3 rgb(249,193,211)
```
#fbd3e0
```
#fbd3e0 rgb(251,211,224)
```
#fde5ed
```
#fde5ed rgb(253,229,237)
```
#fef7f9
```
#fef7f9 rgb(254,247,249)
```

Tint Color Variation

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

#95888c
```
#95888c rgb(149,136,140)
```
#9e7f89
```
#9e7f89 rgb(158,127,137)
```
#a77686
```
#a77686 rgb(167,118,134)
```
#af6e83
```
#af6e83 rgb(175,110,131)
```
#b86580
```
#b86580 rgb(184,101,128)
```
#c15c7e
```
#c15c7e rgb(193,92,126)
```
#c9547b
```
#c9547b rgb(201,84,123)
```
#d24b78
```
#d24b78 rgb(210,75,120)
```
#db4275
```
#db4275 rgb(219,66,117)
```
#e33a72
```
#e33a72 rgb(227,58,114)
```
#ec316f
```
#ec316f rgb(236,49,111)
```
#f5286c
```
#f5286c rgb(245,40,108)
```
#fd2069
```
#fd2069 rgb(253,32,105)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#896370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828496 Protanopia 1% of men
#9b806a Deuteranopia 1% of men
#ea474a Tritanopia 0.001% of the population

Trichromacy

#a86688 Protanomaly 1% of men, 0.01% of women
#b8636c Deuteranomaly 6% of men, 0.4% of women
#eb3f57 Tritanomaly 0.01% of the population

#ec316f hex color

#ec316f Color Information

#ec316f Color Conversion

Color Schemes with #ec316f

Alternatives to #ec316f

#ec316f Preview

Shades and Tints of #ec316f

Tones of #ec316f

Color Blindness Simulator