colorhexa.com

#ed2356 hex color

In a RGB color space, hex #ed2356 is composed of 92.9% red, 13.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.2% magenta, 63.7% yellow and 7.1% black. It has a hue angle of 344.9 degrees, a saturation of 84.9% and a lightness of 53.3%. #ed2356 color hex could be obtained by blending #ff46ac with #db0000. Closest websafe color is: #ff3366.

- R 93
- G 14
- B 34
RGB color chart
- C 0
- M 85
- Y 64
- K 7
CMYK color chart

● #ed2356 color description : Vivid pink.

The hexadecimal color #ed2356 has RGB values of R:237, G:35, B:86 and CMYK values of C:0, M:0.85, Y:0.64, K:0.07. Its decimal value is 15541078.

Hex triplet	ed2356	`#ed2356`
RGB Decimal	237, 35, 86	`rgb(237,35,86)`
RGB Percent	92.9, 13.7, 33.7	`rgb(92.9%,13.7%,33.7%)`
CMYK	0, 85, 64, 7
HSL	344.9°, 84.9, 53.3	`hsl(344.9,84.9%,53.3%)`
HSV (or HSB)	344.9°, 85.2, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	51.705, 73.933, 24.49
XYZ	37.207, 19.883, 10.682
xyY	0.549, 0.293, 19.883
CIE-LCH	51.705, 77.884, 18.327
CIE-LUV	51.705, 139.231, 12.499
Hunter-Lab	44.59, 70.912, 17.009
Binary	11101101, 00100011, 01010110

#ed2356
```
#ed2356 rgb(237,35,86)
```
#23edba
```
#23edba rgb(35,237,186)
```

Complementary Color

#ed23bb
```
#ed23bb rgb(237,35,187)
```
#ed2356
```
#ed2356 rgb(237,35,86)
```
#ed5523
```
#ed5523 rgb(237,85,35)
```

Analogous Color

#23bbed
```
#23bbed rgb(35,187,237)
```
#ed2356
```
#ed2356 rgb(237,35,86)
```
#23ed55
```
#23ed55 rgb(35,237,85)
```

Split Complementary Color

#2356ed
```
#2356ed rgb(35,86,237)
```
#ed2356
```
#ed2356 rgb(237,35,86)
```
#56ed23
```
#56ed23 rgb(86,237,35)
```

Triadic Color

#ba23ed
```
#ba23ed rgb(186,35,237)
```
#ed2356
```
#ed2356 rgb(237,35,86)
```
#56ed23
```
#56ed23 rgb(86,237,35)
```
#23edba
```
#23edba rgb(35,237,186)
```

Tetradic Color

#b50f39
```
#b50f39 rgb(181,15,57)
```
#cc1140
```
#cc1140 rgb(204,17,64)
```
#e41347
```
#e41347 rgb(228,19,71)
```
#ed2356
```
#ed2356 rgb(237,35,86)
```
#ef3b68
```
#ef3b68 rgb(239,59,104)
```
#f1527a
```
#f1527a rgb(241,82,122)
```
#f36a8c
```
#f36a8c rgb(243,106,140)
```

Monochromatic Color

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

#ed2389
```
#ed2389 rgb(237,35,137)
```
#ed2378
```
#ed2378 rgb(237,35,120)
```
#ed2367
```
#ed2367 rgb(237,35,103)
```
#ed2356
```
#ed2356 rgb(237,35,86)
```
#ed2345
```
#ed2345 rgb(237,35,69)
```
#ed2334
```
#ed2334 rgb(237,35,52)
```
#ed2324
```
#ed2324 rgb(237,35,36)
```

Similar Colors

Text with hexadecimal color #ed2356

This text has a font color of #ed2356.

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

#ed2356 background color

This paragraph has a background color of #ed2356.

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

#ed2356 border color

This element has a border color of #ed2356.

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

CSS codes

.text {color:#ed2356;}

.background {background-color:#ed2356;}

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

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

#100105
```
#100105 rgb(16,1,5)
```
#22030b
```
#22030b rgb(34,3,11)
```
#340410
```
#340410 rgb(52,4,16)
```
#460616
```
#460616 rgb(70,6,22)
```
#58071c
```
#58071c rgb(88,7,28)
```
#6a0921
```
#6a0921 rgb(106,9,33)
```
#7d0a27
```
#7d0a27 rgb(125,10,39)
```
#8f0c2d
```
#8f0c2d rgb(143,12,45)
```
#a10d32
```
#a10d32 rgb(161,13,50)
```
#b30f38
```
#b30f38 rgb(179,15,56)
```
#c5103e
```
#c5103e rgb(197,16,62)
```
#d71243
```
#d71243 rgb(215,18,67)
```
#e91349
```
#e91349 rgb(233,19,73)
```

Shade Color Variation

#ed2356
```
#ed2356 rgb(237,35,86)
```
#ee3564
```
#ee3564 rgb(238,53,100)
```
#f04772
```
#f04772 rgb(240,71,114)
```
#f15980
```
#f15980 rgb(241,89,128)
```
#f36c8e
```
#f36c8e rgb(243,108,142)
```
#f47e9c
```
#f47e9c rgb(244,126,156)
```
#f690aa
```
#f690aa rgb(246,144,170)
```
#f7a2b8
```
#f7a2b8 rgb(247,162,184)
```
#f9b4c5
```
#f9b4c5 rgb(249,180,197)
```
#fac6d3
```
#fac6d3 rgb(250,198,211)
```
#fcd8e1
```
#fcd8e1 rgb(252,216,225)
```
#fdeaef
```
#fdeaef rgb(253,234,239)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#917f83
```
#917f83 rgb(145,127,131)
```
#9b757f
```
#9b757f rgb(155,117,127)
```
#a46c7a
```
#a46c7a rgb(164,108,122)
```
#ad6376
```
#ad6376 rgb(173,99,118)
```
#b65a71
```
#b65a71 rgb(182,90,113)
```
#bf516d
```
#bf516d rgb(191,81,109)
```
#c84868
```
#c84868 rgb(200,72,104)
```
#d23e64
```
#d23e64 rgb(210,62,100)
```
#db355f
```
#db355f rgb(219,53,95)
```
#e42c5b
```
#e42c5b rgb(228,44,91)
```
#ed2356
```
#ed2356 rgb(237,35,86)
```
#f61a51
```
#f61a51 rgb(246,26,81)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#805862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85817c Protanopia 1% of men
#9c7c52 Deuteranopia 1% of men
#ec3838 Tritanopia 0.001% of the population

Trichromacy

#ab5f6e Protanomaly 1% of men, 0.01% of women
#b95c53 Deuteranomaly 6% of men, 0.4% of women
#ec3043 Tritanomaly 0.01% of the population