colorhexa.com

#ec1fd4 hex color

In a RGB color space, hex #ec1fd4 is composed of 92.5% red, 12.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.9% magenta, 10.2% yellow and 7.5% black. It has a hue angle of 307 degrees, a saturation of 84.4% and a lightness of 52.4%. #ec1fd4 color hex could be obtained by blending #ff3eff with #d900a9. Closest websafe color is: #ff33cc.

- R 93
- G 12
- B 83
RGB color chart
- C 0
- M 87
- Y 10
- K 7
CMYK color chart

● #ec1fd4 color description : Vivid magenta.

The hexadecimal color #ec1fd4 has RGB values of R:236, G:31, B:212 and CMYK values of C:0, M:0.87, Y:0.1, K:0.07. Its decimal value is 15474644.

Hex triplet	ec1fd4	`#ec1fd4`
RGB Decimal	236, 31, 212	`rgb(236,31,212)`
RGB Percent	92.5, 12.2, 83.1	`rgb(92.5%,12.2%,83.1%)`
CMYK	0, 87, 10, 7
HSL	307°, 84.4, 52.4	`hsl(307,84.4%,52.4%)`
HSV (or HSB)	307°, 86.9, 92.5
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	55.655, 86.434, -44.305
XYZ	46.965, 23.57, 64.36
xyY	0.348, 0.175, 23.57
CIE-LCH	55.655, 97.128, 332.861
CIE-LUV	55.655, 85.838, -80.289
Hunter-Lab	48.549, 87.717, -44.615
Binary	11101100, 00011111, 11010100

#ec1fd4
```
#ec1fd4 rgb(236,31,212)
```
#1fec37
```
#1fec37 rgb(31,236,55)
```

Complementary Color

#9e1fec
```
#9e1fec rgb(158,31,236)
```
#ec1fd4
```
#ec1fd4 rgb(236,31,212)
```
#ec1f6e
```
#ec1f6e rgb(236,31,110)
```

Analogous Color

#1fec9e
```
#1fec9e rgb(31,236,158)
```
#ec1fd4
```
#ec1fd4 rgb(236,31,212)
```
#6eec1f
```
#6eec1f rgb(110,236,31)
```

Split Complementary Color

#1fd4ec
```
#1fd4ec rgb(31,212,236)
```
#ec1fd4
```
#ec1fd4 rgb(236,31,212)
```
#d4ec1f
```
#d4ec1f rgb(212,236,31)
```

Triadic Color

#371fec
```
#371fec rgb(55,31,236)
```
#ec1fd4
```
#ec1fd4 rgb(236,31,212)
```
#d4ec1f
```
#d4ec1f rgb(212,236,31)
```
#1fec37
```
#1fec37 rgb(31,236,55)
```

Tetradic Color

#b00f9d
```
#b00f9d rgb(176,15,157)
```
#c711b2
```
#c711b2 rgb(199,17,178)
```
#df13c7
```
#df13c7 rgb(223,19,199)
```
#ec1fd4
```
#ec1fd4 rgb(236,31,212)
```
#ee37d9
```
#ee37d9 rgb(238,55,217)
```
#f04edd
```
#f04edd rgb(240,78,221)
```
#f266e2
```
#f266e2 rgb(242,102,226)
```

Monochromatic Color

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

#d11fec
```
#d11fec rgb(209,31,236)
```
#e21fec
```
#e21fec rgb(226,31,236)
```
#ec1fe5
```
#ec1fe5 rgb(236,31,229)
```
#ec1fd4
```
#ec1fd4 rgb(236,31,212)
```
#ec1fc3
```
#ec1fc3 rgb(236,31,195)
```
#ec1fb2
```
#ec1fb2 rgb(236,31,178)
```
#ec1fa1
```
#ec1fa1 rgb(236,31,161)
```

Similar Colors

Text with hexadecimal color #ec1fd4

This text has a font color of #ec1fd4.

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

#ec1fd4 background color

This paragraph has a background color of #ec1fd4.

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

#ec1fd4 border color

This element has a border color of #ec1fd4.

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

CSS codes

.text {color:#ec1fd4;}

.background {background-color:#ec1fd4;}

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

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

#0b010a
```
#0b010a rgb(11,1,10)
```
#1d021a
```
#1d021a rgb(29,2,26)
```
#2f042a
```
#2f042a rgb(47,4,42)
```
#41063a
```
#41063a rgb(65,6,58)
```
#53074a
```
#53074a rgb(83,7,74)
```
#65095b
```
#65095b rgb(101,9,91)
```
#780a6b
```
#780a6b rgb(120,10,107)
```
#8a0c7b
```
#8a0c7b rgb(138,12,123)
```
#9c0d8b
```
#9c0d8b rgb(156,13,139)
```
#ae0f9b
```
#ae0f9b rgb(174,15,155)
```
#c010ab
```
#c010ab rgb(192,16,171)
```
#d212bb
```
#d212bb rgb(210,18,187)
```
#e413cc
```
#e413cc rgb(228,19,204)
```

Shade Color Variation

#ec1fd4
```
#ec1fd4 rgb(236,31,212)
```
#ee31d7
```
#ee31d7 rgb(238,49,215)
```
#ef43db
```
#ef43db rgb(239,67,219)
```
#f155de
```
#f155de rgb(241,85,222)
```
#f267e2
```
#f267e2 rgb(242,103,226)
```
#f479e5
```
#f479e5 rgb(244,121,229)
```
#f58be9
```
#f58be9 rgb(245,139,233)
```
#f79eec
```
#f79eec rgb(247,158,236)
```
#f8b0f0
```
#f8b0f0 rgb(248,176,240)
```
#fac2f3
```
#fac2f3 rgb(250,194,243)
```
#fbd4f7
```
#fbd4f7 rgb(251,212,247)
```
#fde6fa
```
#fde6fa rgb(253,230,250)
```
#fef8fe
```
#fef8fe rgb(254,248,254)
```

Tint Color Variation

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

#8f7c8c
```
#8f7c8c rgb(143,124,140)
```
#987394
```
#987394 rgb(152,115,148)
```
#a16a9b
```
#a16a9b rgb(161,106,155)
```
#ab60a2
```
#ab60a2 rgb(171,96,162)
```
#b457a9
```
#b457a9 rgb(180,87,169)
```
#bd4eb0
```
#bd4eb0 rgb(189,78,176)
```
#c744b7
```
#c744b7 rgb(199,68,183)
```
#d03bbf
```
#d03bbf rgb(208,59,191)
```
#d932c6
```
#d932c6 rgb(217,50,198)
```
#e328cd
```
#e328cd rgb(227,40,205)
```
#ec1fd4
```
#ec1fd4 rgb(236,31,212)
```
#f516db
```
#f516db rgb(245,22,219)
```
#ff0ce2
```
#ff0ce2 rgb(255,12,226)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8a6185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#748ac2 Deuteranopia 1% of men
#e16066 Tritanopia 0.001% of the population

Trichromacy

#7a61ef Protanomaly 1% of men, 0.01% of women
#9f63c9 Deuteranomaly 6% of men, 0.4% of women
#e5488e Tritanomaly 0.01% of the population