#ed309f hex color

In a RGB color space, hex #ed309f is composed of 92.9% red, 18.8% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 32.9% yellow and 7.1% black. It has a hue angle of 324.8 degrees, a saturation of 84% and a lightness of 55.9%. #ed309f color hex could be obtained by blending #ff60ff with #db003f. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 93
- G 19
- B 62
RGB color chart
- C 0
- M 80
- Y 33
- K 7
CMYK color chart

● #ed309f color description : Bright pink.

The hexadecimal color #ed309f has RGB values of R:237, G:48, B:159 and CMYK values of C:0, M:0.8, Y:0.33, K:0.07. Its decimal value is 15544479.

Hex triplet	ed309f	`#ed309f`
RGB Decimal	237, 48, 159	`rgb(237,48,159)`
RGB Percent	92.9, 18.8, 62.4	`rgb(92.9%,18.8%,62.4%)`
CMYK	0, 80, 33, 7
HSL	324.8°, 84, 55.9	`hsl(324.8,84%,55.9%)`
HSV (or HSB)	324.8°, 79.7, 92.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	54.685, 76.889, -15.058
XYZ	42.241, 22.626, 34.942
xyY	0.423, 0.227, 22.626
CIE-LCH	54.685, 78.349, 348.92
CIE-LUV	54.685, 106.278, -35.354
Hunter-Lab	47.567, 75.273, -10.257
Binary	11101101, 00110000, 10011111

#ed309f
```
#ed309f rgb(237,48,159)
```
#30ed7e
```
#30ed7e rgb(48,237,126)
```

Complementary Color

#dd30ed
```
#dd30ed rgb(221,48,237)
```
#ed309f
```
#ed309f rgb(237,48,159)
```
#ed3040
```
#ed3040 rgb(237,48,64)
```

Analogous Color

#30eddd
```
#30eddd rgb(48,237,221)
```
#ed309f
```
#ed309f rgb(237,48,159)
```
#41ed30
```
#41ed30 rgb(65,237,48)
```

Split Complementary Color

#309fed
```
#309fed rgb(48,159,237)
```
#ed309f
```
#ed309f rgb(237,48,159)
```
#9fed30
```
#9fed30 rgb(159,237,48)
```

Triadic Color

#7e30ed
```
#7e30ed rgb(126,48,237)
```
#ed309f
```
#ed309f rgb(237,48,159)
```
#9fed30
```
#9fed30 rgb(159,237,48)
```
#30ed7e
```
#30ed7e rgb(48,237,126)
```

Tetradic Color

#c01178
```
#c01178 rgb(192,17,120)
```
#d71386
```
#d71386 rgb(215,19,134)
```
#eb1994
```
#eb1994 rgb(235,25,148)
```
#ed309f
```
#ed309f rgb(237,48,159)
```
#ef47aa
```
#ef47aa rgb(239,71,170)
```
#f15fb5
```
#f15fb5 rgb(241,95,181)
```
#f376c0
```
#f376c0 rgb(243,118,192)
```

Monochromatic Color

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

#ed30ce
```
#ed30ce rgb(237,48,206)
```
#ed30bf
```
#ed30bf rgb(237,48,191)
```
#ed30af
```
#ed30af rgb(237,48,175)
```
#ed309f
```
#ed309f rgb(237,48,159)
```
#ed308f
```
#ed308f rgb(237,48,143)
```
#ed3080
```
#ed3080 rgb(237,48,128)
```
#ed3070
```
#ed3070 rgb(237,48,112)
```

Similar Colors

Text with hexadecimal color #ed309f

This text has a font color of #ed309f.

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

#ed309f background color

This paragraph has a background color of #ed309f.

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

#ed309f border color

This element has a border color of #ed309f.

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

CSS codes

.text {color:#ed309f;}

.background {background-color:#ed309f;}

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

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

#0a0106
```
#0a0106 rgb(10,1,6)
```
#1c0211
```
#1c0211 rgb(28,2,17)
```
#2e041c
```
#2e041c rgb(46,4,28)
```
#400628
```
#400628 rgb(64,6,40)
```
#520733
```
#520733 rgb(82,7,51)
```
#64093e
```
#64093e rgb(100,9,62)
```
#760a49
```
#760a49 rgb(118,10,73)
```
#880c55
```
#880c55 rgb(136,12,85)
```
#9a0d60
```
#9a0d60 rgb(154,13,96)
```
#ac0f6b
```
#ac0f6b rgb(172,15,107)
```
#be1176
```
#be1176 rgb(190,17,118)
```
#d01282
```
#d01282 rgb(208,18,130)
```
#e2148d
```
#e2148d rgb(226,20,141)
```

Shade Color Variation

#eb1e97
```
#eb1e97 rgb(235,30,151)
```
#ed309f
```
#ed309f rgb(237,48,159)
```
#ef42a7
```
#ef42a7 rgb(239,66,167)
```
#f054b0
```
#f054b0 rgb(240,84,176)
```
#f266b8
```
#f266b8 rgb(242,102,184)
```
#f378c0
```
#f378c0 rgb(243,120,192)
```
#f58ac9
```
#f58ac9 rgb(245,138,201)
```
#f69cd1
```
#f69cd1 rgb(246,156,209)
```
#f8aeda
```
#f8aeda rgb(248,174,218)
```
#fac0e2
```
#fac0e2 rgb(250,192,226)
```
#fbd2ea
```
#fbd2ea rgb(251,210,234)
```
#fde4f3
```
#fde4f3 rgb(253,228,243)
```
#fef7fb
```
#fef7fb rgb(254,247,251)
```

Tint Color Variation

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

#968790
```
#968790 rgb(150,135,144)
```
#9f7e91
```
#9f7e91 rgb(159,126,145)
```
#a87593
```
#a87593 rgb(168,117,147)
```
#b06d94
```
#b06d94 rgb(176,109,148)
```
#b96496
```
#b96496 rgb(185,100,150)
```
#c25b97
```
#c25b97 rgb(194,91,151)
```
#ca5399
```
#ca5399 rgb(202,83,153)
```
#d34a9a
```
#d34a9a rgb(211,74,154)
```
#dc419c
```
#dc419c rgb(220,65,156)
```
#e4399d
```
#e4399d rgb(228,57,157)
```
#ed309f
```
#ed309f rgb(237,48,159)
```
#f627a1
```
#f627a1 rgb(246,39,161)
```
#fe1fa2
```
#fe1fa2 rgb(254,31,162)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8d677d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b86cf Protanopia 1% of men
#908595 Deuteranopia 1% of men
#e85458 Tritanopia 0.001% of the population

Trichromacy

#9a67be Protanomaly 1% of men, 0.01% of women
#b16698 Deuteranomaly 6% of men, 0.4% of women
#ea4772 Tritanomaly 0.01% of the population

#ed309f hex color

#ed309f Color Information

#ed309f Color Conversion

Color Schemes with #ed309f

Alternatives to #ed309f

#ed309f Preview

Shades and Tints of #ed309f

Tones of #ed309f

Color Blindness Simulator