#ed303e hex color

In a RGB color space, hex #ed303e is composed of 92.9% red, 18.8% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 73.8% yellow and 7.1% black. It has a hue angle of 355.6 degrees, a saturation of 84% and a lightness of 55.9%. #ed303e color hex could be obtained by blending #ff607c with #db0000. Closest websafe color is: #ff3333.

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

● #ed303e color description : Bright red.

The hexadecimal color #ed303e has RGB values of R:237, G:48, B:62 and CMYK values of C:0, M:0.8, Y:0.74, K:0.07. Its decimal value is 15544382.

Hex triplet	ed303e	`#ed303e`
RGB Decimal	237, 48, 62	`rgb(237,48,62)`
RGB Percent	92.9, 18.8, 24.3	`rgb(92.9%,18.8%,24.3%)`
CMYK	0, 80, 74, 7
HSL	355.6°, 84, 55.9	`hsl(355.6,84%,55.9%)`
HSV (or HSB)	355.6°, 79.7, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.365, 69.921, 39.434
XYZ	36.853, 20.471, 6.568
xyY	0.577, 0.32, 20.471
CIE-LCH	52.365, 80.275, 29.422
CIE-LUV	52.365, 141.3, 26.1
Hunter-Lab	45.245, 66.216, 23.064
Binary	11101101, 00110000, 00111110

#ed303e
```
#ed303e rgb(237,48,62)
```
#30eddf
```
#30eddf rgb(48,237,223)
```

Complementary Color

#ed309d
```
#ed309d rgb(237,48,157)
```
#ed303e
```
#ed303e rgb(237,48,62)
```
#ed8130
```
#ed8130 rgb(237,129,48)
```

Analogous Color

#309ded
```
#309ded rgb(48,157,237)
```
#ed303e
```
#ed303e rgb(237,48,62)
```
#30ed81
```
#30ed81 rgb(48,237,129)
```

Split Complementary Color

#303eed
```
#303eed rgb(48,62,237)
```
#ed303e
```
#ed303e rgb(237,48,62)
```
#3eed30
```
#3eed30 rgb(62,237,48)
```

Triadic Color

#df30ed
```
#df30ed rgb(223,48,237)
```
#ed303e
```
#ed303e rgb(237,48,62)
```
#3eed30
```
#3eed30 rgb(62,237,48)
```
#30eddf
```
#30eddf rgb(48,237,223)
```

Tetradic Color

#c0111e
```
#c0111e rgb(192,17,30)
```
#d71321
```
#d71321 rgb(215,19,33)
```
#eb1928
```
#eb1928 rgb(235,25,40)
```
#ed303e
```
#ed303e rgb(237,48,62)
```
#ef4754
```
#ef4754 rgb(239,71,84)
```
#f15f6a
```
#f15f6a rgb(241,95,106)
```
#f37680
```
#f37680 rgb(243,118,128)
```

Monochromatic Color

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

#ed306d
```
#ed306d rgb(237,48,109)
```
#ed305d
```
#ed305d rgb(237,48,93)
```
#ed304e
```
#ed304e rgb(237,48,78)
```
#ed303e
```
#ed303e rgb(237,48,62)
```
#ed3230
```
#ed3230 rgb(237,50,48)
```
#ed4230
```
#ed4230 rgb(237,66,48)
```
#ed5130
```
#ed5130 rgb(237,81,48)
```

Similar Colors

Text with hexadecimal color #ed303e

This text has a font color of #ed303e.

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

#ed303e background color

This paragraph has a background color of #ed303e.

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

#ed303e border color

This element has a border color of #ed303e.

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

CSS codes

.text {color:#ed303e;}

.background {background-color:#ed303e;}

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

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

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1c0204
```
#1c0204 rgb(28,2,4)
```
#2e0407
```
#2e0407 rgb(46,4,7)
```
#40060a
```
#40060a rgb(64,6,10)
```
#52070d
```
#52070d rgb(82,7,13)
```
#64090f
```
#64090f rgb(100,9,15)
```
#760a12
```
#760a12 rgb(118,10,18)
```
#880c15
```
#880c15 rgb(136,12,21)
```
#9a0d18
```
#9a0d18 rgb(154,13,24)
```
#ac0f1b
```
#ac0f1b rgb(172,15,27)
```
#be111d
```
#be111d rgb(190,17,29)
```
#d01220
```
#d01220 rgb(208,18,32)
```
#e21423
```
#e21423 rgb(226,20,35)
```

Shade Color Variation

#eb1e2d
```
#eb1e2d rgb(235,30,45)
```
#ed303e
```
#ed303e rgb(237,48,62)
```
#ef424f
```
#ef424f rgb(239,66,79)
```
#f05460
```
#f05460 rgb(240,84,96)
```
#f26670
```
#f26670 rgb(242,102,112)
```
#f37881
```
#f37881 rgb(243,120,129)
```
#f58a92
```
#f58a92 rgb(245,138,146)
```
#f69ca3
```
#f69ca3 rgb(246,156,163)
```
#f8aeb4
```
#f8aeb4 rgb(248,174,180)
```
#fac0c5
```
#fac0c5 rgb(250,192,197)
```
#fbd2d5
```
#fbd2d5 rgb(251,210,213)
```
#fde4e6
```
#fde4e6 rgb(253,228,230)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#968788
```
#968788 rgb(150,135,136)
```
#9f7e80
```
#9f7e80 rgb(159,126,128)
```
#a87579
```
#a87579 rgb(168,117,121)
```
#b06d72
```
#b06d72 rgb(176,109,114)
```
#b9646a
```
#b9646a rgb(185,100,106)
```
#c25b63
```
#c25b63 rgb(194,91,99)
```
#ca535b
```
#ca535b rgb(202,83,91)
```
#d34a54
```
#d34a54 rgb(211,74,84)
```
#dc414d
```
#dc414d rgb(220,65,77)
```
#e43945
```
#e43945 rgb(228,57,69)
```
#ed303e
```
#ed303e rgb(237,48,62)
```
#f62737
```
#f62737 rgb(246,39,55)
```
#fe1f2f
```
#fe1f2f rgb(254,31,47)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#845e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d835d Protanopia 1% of men
#a27d3a Deuteranopia 1% of men
#ed3c3d Tritanopia 0.001% of the population

Trichromacy

#b06552 Protanomaly 1% of men, 0.01% of women
#bd613b Deuteranomaly 6% of men, 0.4% of women
#ed383d Tritanomaly 0.01% of the population

#ed303e hex color

#ed303e Color Information

#ed303e Color Conversion

Color Schemes with #ed303e

Alternatives to #ed303e

#ed303e Preview

Shades and Tints of #ed303e

Tones of #ed303e

Color Blindness Simulator