#ed364f hex color

In a RGB color space, hex #ed364f is composed of 92.9% red, 21.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.2% magenta, 66.7% yellow and 7.1% black. It has a hue angle of 351.8 degrees, a saturation of 83.6% and a lightness of 57.1%. #ed364f color hex could be obtained by blending #ff6c9e with #db0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 93
- G 21
- B 31
RGB color chart
- C 0
- M 77
- Y 67
- K 7
CMYK color chart

● #ed364f color description : Bright red.

The hexadecimal color #ed364f has RGB values of R:237, G:54, B:79 and CMYK values of C:0, M:0.77, Y:0.67, K:0.07. Its decimal value is 15545935.

Hex triplet	ed364f	`#ed364f`
RGB Decimal	237, 54, 79	`rgb(237,54,79)`
RGB Percent	92.9, 21.2, 31	`rgb(92.9%,21.2%,31%)`
CMYK	0, 77, 67, 7
HSL	351.8°, 83.6, 57.1	`hsl(351.8,83.6%,57.1%)`
HSV (or HSB)	351.8°, 77.2, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.181, 69.039, 30.546
XYZ	37.657, 21.212, 9.508
xyY	0.551, 0.31, 21.212
CIE-LCH	53.181, 75.495, 23.867
CIE-LUV	53.181, 134.16, 19.601
Hunter-Lab	46.056, 65.349, 19.999
Binary	11101101, 00110110, 01001111

#ed364f
```
#ed364f rgb(237,54,79)
```
#36edd4
```
#36edd4 rgb(54,237,212)
```

Complementary Color

#ed36ab
```
#ed36ab rgb(237,54,171)
```
#ed364f
```
#ed364f rgb(237,54,79)
```
#ed7936
```
#ed7936 rgb(237,121,54)
```

Analogous Color

#36abed
```
#36abed rgb(54,171,237)
```
#ed364f
```
#ed364f rgb(237,54,79)
```
#36ed79
```
#36ed79 rgb(54,237,121)
```

Split Complementary Color

#364fed
```
#364fed rgb(54,79,237)
```
#ed364f
```
#ed364f rgb(237,54,79)
```
#4fed36
```
#4fed36 rgb(79,237,54)
```

Triadic Color

#d436ed
```
#d436ed rgb(212,54,237)
```
#ed364f
```
#ed364f rgb(237,54,79)
```
#4fed36
```
#4fed36 rgb(79,237,54)
```
#36edd4
```
#36edd4 rgb(54,237,212)
```

Tetradic Color

#c5122a
```
#c5122a rgb(197,18,42)
```
#dc142f
```
#dc142f rgb(220,20,47)
```
#eb1f3b
```
#eb1f3b rgb(235,31,59)
```
#ed364f
```
#ed364f rgb(237,54,79)
```
#ef4d63
```
#ef4d63 rgb(239,77,99)
```
#f16578
```
#f16578 rgb(241,101,120)
```
#f37c8c
```
#f37c8c rgb(243,124,140)
```

Monochromatic Color

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

#ed367d
```
#ed367d rgb(237,54,125)
```
#ed366e
```
#ed366e rgb(237,54,110)
```
#ed365e
```
#ed365e rgb(237,54,94)
```
#ed364f
```
#ed364f rgb(237,54,79)
```
#ed3640
```
#ed3640 rgb(237,54,64)
```
#ed3b36
```
#ed3b36 rgb(237,59,54)
```
#ed4b36
```
#ed4b36 rgb(237,75,54)
```

Similar Colors

Text with hexadecimal color #ed364f

This text has a font color of #ed364f.

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

#ed364f background color

This paragraph has a background color of #ed364f.

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

#ed364f border color

This element has a border color of #ed364f.

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

CSS codes

.text {color:#ed364f;}

.background {background-color:#ed364f;}

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

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

#0f0103
```
#0f0103 rgb(15,1,3)
```
#210307
```
#210307 rgb(33,3,7)
```
#33050b
```
#33050b rgb(51,5,11)
```
#45060f
```
#45060f rgb(69,6,15)
```
#570813
```
#570813 rgb(87,8,19)
```
#690916
```
#690916 rgb(105,9,22)
```
#7b0b1a
```
#7b0b1a rgb(123,11,26)
```
#8d0d1e
```
#8d0d1e rgb(141,13,30)
```
#9f0e22
```
#9f0e22 rgb(159,14,34)
```
#b11026
```
#b11026 rgb(177,16,38)
```
#c3112a
```
#c3112a rgb(195,17,42)
```
#d5132e
```
#d5132e rgb(213,19,46)
```
#e71531
```
#e71531 rgb(231,21,49)
```

Shade Color Variation

#eb243f
```
#eb243f rgb(235,36,63)
```
#ed364f
```
#ed364f rgb(237,54,79)
```
#ef485f
```
#ef485f rgb(239,72,95)
```
#f05a6f
```
#f05a6f rgb(240,90,111)
```
#f26c7e
```
#f26c7e rgb(242,108,126)
```
#f37e8e
```
#f37e8e rgb(243,126,142)
```
#f5909e
```
#f5909e rgb(245,144,158)
```
#f7a2ae
```
#f7a2ae rgb(247,162,174)
```
#f8b4bd
```
#f8b4bd rgb(248,180,189)
```
#fac6cd
```
#fac6cd rgb(250,198,205)
```
#fcd8dd
```
#fcd8dd rgb(252,216,221)
```
#fdeaed
```
#fdeaed rgb(253,234,237)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#998a8c
```
#998a8c rgb(153,138,140)
```
#a18286
```
#a18286 rgb(161,130,134)
```
#aa7980
```
#aa7980 rgb(170,121,128)
```
#b2717a
```
#b2717a rgb(178,113,122)
```
#ba6974
```
#ba6974 rgb(186,105,116)
```
#c3606e
```
#c3606e rgb(195,96,110)
```
#cb5867
```
#cb5867 rgb(203,88,103)
```
#d44f61
```
#d44f61 rgb(212,79,97)
```
#dc475b
```
#dc475b rgb(220,71,91)
```
#e53e55
```
#e53e55 rgb(229,62,85)
```
#ed364f
```
#ed364f rgb(237,54,79)
```
#f52e49
```
#f52e49 rgb(245,46,73)
```
#fe2543
```
#fe2543 rgb(254,37,67)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#896469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8570 Protanopia 1% of men
#a27f4c Deuteranopia 1% of men
#ed4446 Tritanopia 0.001% of the population

Trichromacy

#af6864 Protanomaly 1% of men, 0.01% of women
#bd644d Deuteranomaly 6% of men, 0.4% of women
#ed3e49 Tritanomaly 0.01% of the population

#ed364f hex color

#ed364f Color Information

#ed364f Color Conversion

Color Schemes with #ed364f

Alternatives to #ed364f

#ed364f Preview

Shades and Tints of #ed364f

Tones of #ed364f

Color Blindness Simulator