#ed568a hex color

In a RGB color space, hex #ed568a is composed of 92.9% red, 33.7% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.7% magenta, 41.8% yellow and 7.1% black. It has a hue angle of 339.3 degrees, a saturation of 80.7% and a lightness of 63.3%. #ed568a color hex could be obtained by blending #ffacff with #db0015. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 93
- G 34
- B 54
RGB color chart
- C 0
- M 64
- Y 42
- K 7
CMYK color chart

● #ed568a color description : Soft pink.

The hexadecimal color #ed568a has RGB values of R:237, G:86, B:138 and CMYK values of C:0, M:0.64, Y:0.42, K:0.07. Its decimal value is 15554186.

Hex triplet	ed568a	`#ed568a`
RGB Decimal	237, 86, 138	`rgb(237,86,138)`
RGB Percent	92.9, 33.7, 54.1	`rgb(92.9%,33.7%,54.1%)`
CMYK	0, 64, 42, 7
HSL	339.3°, 80.7, 63.3	`hsl(339.3,80.7%,63.3%)`
HSV (or HSB)	339.3°, 63.7, 92.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	58.508, 62.21, 2.963
XYZ	42.841, 26.499, 26.902
xyY	0.445, 0.275, 26.499
CIE-LCH	58.508, 62.28, 2.727
CIE-LUV	58.508, 99.68, -8.069
Hunter-Lab	51.477, 58.469, 5.049
Binary	11101101, 01010110, 10001010

#ed568a
```
#ed568a rgb(237,86,138)
```
#56edb9
```
#56edb9 rgb(86,237,185)
```

Complementary Color

#ed56d6
```
#ed56d6 rgb(237,86,214)
```
#ed568a
```
#ed568a rgb(237,86,138)
```
#ed6e56
```
#ed6e56 rgb(237,110,86)
```

Analogous Color

#56d6ed
```
#56d6ed rgb(86,214,237)
```
#ed568a
```
#ed568a rgb(237,86,138)
```
#56ed6e
```
#56ed6e rgb(86,237,110)
```

Split Complementary Color

#568aed
```
#568aed rgb(86,138,237)
```
#ed568a
```
#ed568a rgb(237,86,138)
```
#8aed56
```
#8aed56 rgb(138,237,86)
```

Triadic Color

#b956ed
```
#b956ed rgb(185,86,237)
```
#ed568a
```
#ed568a rgb(237,86,138)
```
#8aed56
```
#8aed56 rgb(138,237,86)
```
#56edb9
```
#56edb9 rgb(86,237,185)
```

Tetradic Color

#df185c
```
#df185c rgb(223,24,92)
```
#e8286a
```
#e8286a rgb(232,40,106)
```
#eb3f7a
```
#eb3f7a rgb(235,63,122)
```
#ed568a
```
#ed568a rgb(237,86,138)
```
#ef6d9a
```
#ef6d9a rgb(239,109,154)
```
#f284aa
```
#f284aa rgb(242,132,170)
```
#f49bba
```
#f49bba rgb(244,155,186)
```

Monochromatic Color

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

#ed56b0
```
#ed56b0 rgb(237,86,176)
```
#ed56a3
```
#ed56a3 rgb(237,86,163)
```
#ed5697
```
#ed5697 rgb(237,86,151)
```
#ed568a
```
#ed568a rgb(237,86,138)
```
#ed567d
```
#ed567d rgb(237,86,125)
```
#ed5671
```
#ed5671 rgb(237,86,113)
```
#ed5664
```
#ed5664 rgb(237,86,100)
```

Similar Colors

Text with hexadecimal color #ed568a

This text has a font color of #ed568a.

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

#ed568a background color

This paragraph has a background color of #ed568a.

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

#ed568a border color

This element has a border color of #ed568a.

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

CSS codes

.text {color:#ed568a;}

.background {background-color:#ed568a;}

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

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

#080103
```
#080103 rgb(8,1,3)
```
#1a030b
```
#1a030b rgb(26,3,11)
```
#2c0512
```
#2c0512 rgb(44,5,18)
```
#3d0719
```
#3d0719 rgb(61,7,25)
```
#4f0821
```
#4f0821 rgb(79,8,33)
```
#610a28
```
#610a28 rgb(97,10,40)
```
#730c2f
```
#730c2f rgb(115,12,47)
```
#840e37
```
#840e37 rgb(132,14,55)
```
#96103e
```
#96103e rgb(150,16,62)
```
#a81246
```
#a81246 rgb(168,18,70)
```
#ba144d
```
#ba144d rgb(186,20,77)
```
#cb1654
```
#cb1654 rgb(203,22,84)
```
#dd185c
```
#dd185c rgb(221,24,92)
```

Shade Color Variation

#e72165
```
#e72165 rgb(231,33,101)
```
#e93371
```
#e93371 rgb(233,51,113)
```
#eb447e
```
#eb447e rgb(235,68,126)
```
#ed568a
```
#ed568a rgb(237,86,138)
```
#ef6896
```
#ef6896 rgb(239,104,150)
```
#f179a3
```
#f179a3 rgb(241,121,163)
```
#f38baf
```
#f38baf rgb(243,139,175)
```
#f59dbb
```
#f59dbb rgb(245,157,187)
```
#f6afc7
```
#f6afc7 rgb(246,175,199)
```
#f8c0d4
```
#f8c0d4 rgb(248,192,212)
```
#fad2e0
```
#fad2e0 rgb(250,210,224)
```
#fce4ec
```
#fce4ec rgb(252,228,236)
```
#fef6f8
```
#fef6f8 rgb(254,246,248)
```

Tint Color Variation

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

#a59ea0
```
#a59ea0 rgb(165,158,160)
```
#ac979e
```
#ac979e rgb(172,151,158)
```
#b3909c
```
#b3909c rgb(179,144,156)
```
#bb889a
```
#bb889a rgb(187,136,154)
```
#c28197
```
#c28197 rgb(194,129,151)
```
#c97a95
```
#c97a95 rgb(201,122,149)
```
#d07393
```
#d07393 rgb(208,115,147)
```
#d76c91
```
#d76c91 rgb(215,108,145)
```
#df648e
```
#df648e rgb(223,100,142)
```
#e65d8c
```
#e65d8c rgb(230,93,140)
```
#ed568a
```
#ed568a rgb(237,86,138)
```
#f44f88
```
#f44f88 rgb(244,79,136)
```
#fb4886
```
#fb4886 rgb(251,72,134)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9d7f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d91aa Protanopia 1% of men
#a58d85 Deuteranopia 1% of men
#eb666c Tritanopia 0.001% of the population

Trichromacy

#b07b9e Protanomaly 1% of men, 0.01% of women
#bf7987 Deuteranomaly 6% of men, 0.4% of women
#eb6077 Tritanomaly 0.01% of the population

#ed568a hex color

#ed568a Color Information

#ed568a Color Conversion

Color Schemes with #ed568a

Alternatives to #ed568a

#ed568a Preview

Shades and Tints of #ed568a

Tones of #ed568a

Color Blindness Simulator