#ed245f hex color

In a RGB color space, hex #ed245f is composed of 92.9% red, 14.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 59.9% yellow and 7.1% black. It has a hue angle of 342.4 degrees, a saturation of 84.8% and a lightness of 53.5%. #ed245f color hex could be obtained by blending #ff48be with #db0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 93
- G 14
- B 37
RGB color chart
- C 0
- M 85
- Y 60
- K 7
CMYK color chart

● #ed245f color description : Bright pink.

The hexadecimal color #ed245f has RGB values of R:237, G:36, B:95 and CMYK values of C:0, M:0.85, Y:0.6, K:0.07. Its decimal value is 15541343.

Hex triplet	ed245f	`#ed245f`
RGB Decimal	237, 36, 95	`rgb(237,36,95)`
RGB Percent	92.9, 14.1, 37.3	`rgb(92.9%,14.1%,37.3%)`
CMYK	0, 85, 60, 7
HSL	342.4°, 84.8, 53.5	`hsl(342.4,84.8%,53.5%)`
HSV (or HSB)	342.4°, 84.8, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	51.947, 74.247, 19.369
XYZ	37.623, 20.097, 12.724
xyY	0.534, 0.285, 20.097
CIE-LCH	51.947, 76.732, 14.621
CIE-LUV	51.947, 135.79, 7.506
Hunter-Lab	44.83, 71.353, 14.553
Binary	11101101, 00100100, 01011111

#ed245f
```
#ed245f rgb(237,36,95)
```
#24edb2
```
#24edb2 rgb(36,237,178)
```

Complementary Color

#ed24c4
```
#ed24c4 rgb(237,36,196)
```
#ed245f
```
#ed245f rgb(237,36,95)
```
#ed4e24
```
#ed4e24 rgb(237,78,36)
```

Analogous Color

#24c4ed
```
#24c4ed rgb(36,196,237)
```
#ed245f
```
#ed245f rgb(237,36,95)
```
#24ed4e
```
#24ed4e rgb(36,237,78)
```

Split Complementary Color

#245fed
```
#245fed rgb(36,95,237)
```
#ed245f
```
#ed245f rgb(237,36,95)
```
#5fed24
```
#5fed24 rgb(95,237,36)
```

Triadic Color

#b224ed
```
#b224ed rgb(178,36,237)
```
#ed245f
```
#ed245f rgb(237,36,95)
```
#5fed24
```
#5fed24 rgb(95,237,36)
```
#24edb2
```
#24edb2 rgb(36,237,178)
```

Tetradic Color

#b60f40
```
#b60f40 rgb(182,15,64)
```
#cd1148
```
#cd1148 rgb(205,17,72)
```
#e51350
```
#e51350 rgb(229,19,80)
```
#ed245f
```
#ed245f rgb(237,36,95)
```
#ef3c70
```
#ef3c70 rgb(239,60,112)
```
#f15381
```
#f15381 rgb(241,83,129)
```
#f36b93
```
#f36b93 rgb(243,107,147)
```

Monochromatic Color

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

#ed2491
```
#ed2491 rgb(237,36,145)
```
#ed2481
```
#ed2481 rgb(237,36,129)
```
#ed2470
```
#ed2470 rgb(237,36,112)
```
#ed245f
```
#ed245f rgb(237,36,95)
```
#ed244e
```
#ed244e rgb(237,36,78)
```
#ed243d
```
#ed243d rgb(237,36,61)
```
#ed242d
```
#ed242d rgb(237,36,45)
```

Similar Colors

Text with hexadecimal color #ed245f

This text has a font color of #ed245f.

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

#ed245f background color

This paragraph has a background color of #ed245f.

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

#ed245f border color

This element has a border color of #ed245f.

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

CSS codes

.text {color:#ed245f;}

.background {background-color:#ed245f;}

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

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

#110106
```
#110106 rgb(17,1,6)
```
#23030c
```
#23030c rgb(35,3,12)
```
#350413
```
#350413 rgb(53,4,19)
```
#470619
```
#470619 rgb(71,6,25)
```
#59071f
```
#59071f rgb(89,7,31)
```
#6b0926
```
#6b0926 rgb(107,9,38)
```
#7d0a2c
```
#7d0a2c rgb(125,10,44)
```
#900c32
```
#900c32 rgb(144,12,50)
```
#a20d39
```
#a20d39 rgb(162,13,57)
```
#b40f3f
```
#b40f3f rgb(180,15,63)
```
#c61046
```
#c61046 rgb(198,16,70)
```
#d8124c
```
#d8124c rgb(216,18,76)
```
#ea1352
```
#ea1352 rgb(234,19,82)
```

Shade Color Variation

#ed245f
```
#ed245f rgb(237,36,95)
```
#ee366c
```
#ee366c rgb(238,54,108)
```
#f04879
```
#f04879 rgb(240,72,121)
```
#f15a87
```
#f15a87 rgb(241,90,135)
```
#f36d94
```
#f36d94 rgb(243,109,148)
```
#f47fa1
```
#f47fa1 rgb(244,127,161)
```
#f691ae
```
#f691ae rgb(246,145,174)
```
#f7a3bc
```
#f7a3bc rgb(247,163,188)
```
#f9b5c9
```
#f9b5c9 rgb(249,181,201)
```
#fac7d6
```
#fac7d6 rgb(250,199,214)
```
#fcd9e3
```
#fcd9e3 rgb(252,217,227)
```
#fdebf1
```
#fdebf1 rgb(253,235,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#898888
```
#898888 rgb(137,136,136)
```
#927f85
```
#927f85 rgb(146,127,133)
```
#9b7681
```
#9b7681 rgb(155,118,129)
```
#a46d7d
```
#a46d7d rgb(164,109,125)
```
#ad6479
```
#ad6479 rgb(173,100,121)
```
#b65b76
```
#b65b76 rgb(182,91,118)
```
#bf5272
```
#bf5272 rgb(191,82,114)
```
#c9486e
```
#c9486e rgb(201,72,110)
```
#d23f6a
```
#d23f6a rgb(210,63,106)
```
#db3667
```
#db3667 rgb(219,54,103)
```
#e42d63
```
#e42d63 rgb(228,45,99)
```
#ed245f
```
#ed245f rgb(237,36,95)
```
#f61b5b
```
#f61b5b rgb(246,27,91)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#825a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838187 Protanopia 1% of men
#9b7d5a Deuteranopia 1% of men
#ec3b3c Tritanopia 0.001% of the population

Trichromacy

#a95f78 Protanomaly 1% of men, 0.01% of women
#b95c5c Deuteranomaly 6% of men, 0.4% of women
#ec3248 Tritanomaly 0.01% of the population

#ed245f hex color

#ed245f Color Information

#ed245f Color Conversion

Color Schemes with #ed245f

Alternatives to #ed245f

#ed245f Preview

Shades and Tints of #ed245f

Tones of #ed245f

Color Blindness Simulator