#ed302e hex color

In a RGB color space, hex #ed302e is composed of 92.9% red, 18.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 80.6% yellow and 7.1% black. It has a hue angle of 0.6 degrees, a saturation of 84.1% and a lightness of 55.5%. #ed302e color hex could be obtained by blending #ff605c with #db0000. Closest websafe color is: #ff3333.

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

● #ed302e color description : Bright red.

The hexadecimal color #ed302e has RGB values of R:237, G:48, B:46 and CMYK values of C:0, M:0.8, Y:0.81, K:0.07. Its decimal value is 15544366.

Hex triplet	ed302e	`#ed302e`
RGB Decimal	237, 48, 46	`rgb(237,48,46)`
RGB Percent	92.9, 18.8, 18	`rgb(92.9%,18.8%,18%)`
CMYK	0, 80, 81, 7
HSL	0.6°, 84.1, 55.5	`hsl(0.6,84.1%,55.5%)`
HSV (or HSB)	0.6°, 80.6, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.197, 69.4, 47.995
XYZ	36.477, 20.32, 4.586
xyY	0.594, 0.331, 20.32
CIE-LCH	52.197, 84.379, 34.666
CIE-LUV	52.197, 144.618, 31.735
Hunter-Lab	45.078, 65.555, 25.522
Binary	11101101, 00110000, 00101110

#ed302e
```
#ed302e rgb(237,48,46)
```
#2eebed
```
#2eebed rgb(46,235,237)
```

Complementary Color

#ed2e8c
```
#ed2e8c rgb(237,46,140)
```
#ed302e
```
#ed302e rgb(237,48,46)
```
#ed902e
```
#ed902e rgb(237,144,46)
```

Analogous Color

#2e8ced
```
#2e8ced rgb(46,140,237)
```
#ed302e
```
#ed302e rgb(237,48,46)
```
#2eed90
```
#2eed90 rgb(46,237,144)
```

Split Complementary Color

#302eed
```
#302eed rgb(48,46,237)
```
#ed302e
```
#ed302e rgb(237,48,46)
```
#2eed30
```
#2eed30 rgb(46,237,48)
```

Triadic Color

#ed2eeb
```
#ed2eeb rgb(237,46,235)
```
#ed302e
```
#ed302e rgb(237,48,46)
```
#2eed30
```
#2eed30 rgb(46,237,48)
```
#2eebed
```
#2eebed rgb(46,235,237)
```

Tetradic Color

#be1210
```
#be1210 rgb(190,18,16)
```
#d61412
```
#d61412 rgb(214,20,18)
```
#eb1917
```
#eb1917 rgb(235,25,23)
```
#ed302e
```
#ed302e rgb(237,48,46)
```
#ef4745
```
#ef4745 rgb(239,71,69)
```
#f15f5d
```
#f15f5d rgb(241,95,93)
```
#f37674
```
#f37674 rgb(243,118,116)
```

Monochromatic Color

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

#ed2e5c
```
#ed2e5c rgb(237,46,92)
```
#ed2e4c
```
#ed2e4c rgb(237,46,76)
```
#ed2e3c
```
#ed2e3c rgb(237,46,60)
```
#ed302e
```
#ed302e rgb(237,48,46)
```
#ed402e
```
#ed402e rgb(237,64,46)
```
#ed502e
```
#ed502e rgb(237,80,46)
```
#ed602e
```
#ed602e rgb(237,96,46)
```

Similar Colors

Text with hexadecimal color #ed302e

This text has a font color of #ed302e.

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

#ed302e background color

This paragraph has a background color of #ed302e.

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

#ed302e border color

This element has a border color of #ed302e.

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

CSS codes

.text {color:#ed302e;}

.background {background-color:#ed302e;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1a0202
```
#1a0202 rgb(26,2,2)
```
#2c0404
```
#2c0404 rgb(44,4,4)
```
#3e0605
```
#3e0605 rgb(62,6,5)
```
#500807
```
#500807 rgb(80,8,7)
```
#620908
```
#620908 rgb(98,9,8)
```
#740b0a
```
#740b0a rgb(116,11,10)
```
#860d0c
```
#860d0c rgb(134,13,12)
```
#980f0d
```
#980f0d rgb(152,15,13)
```
#aa100f
```
#aa100f rgb(170,16,15)
```
#bc1210
```
#bc1210 rgb(188,18,16)
```
#ce1412
```
#ce1412 rgb(206,20,18)
```
#e01513
```
#e01513 rgb(224,21,19)
```

Shade Color Variation

#eb1e1c
```
#eb1e1c rgb(235,30,28)
```
#ed302e
```
#ed302e rgb(237,48,46)
```
#ef4240
```
#ef4240 rgb(239,66,64)
```
#f05452
```
#f05452 rgb(240,84,82)
```
#f26664
```
#f26664 rgb(242,102,100)
```
#f37876
```
#f37876 rgb(243,120,118)
```
#f58988
```
#f58988 rgb(245,137,136)
```
#f69b9a
```
#f69b9a rgb(246,155,154)
```
#f8adac
```
#f8adac rgb(248,173,172)
```
#f9bfbe
```
#f9bfbe rgb(249,191,190)
```
#fbd1d1
```
#fbd1d1 rgb(251,209,209)
```
#fde3e3
```
#fde3e3 rgb(253,227,227)
```
#fef5f5
```
#fef5f5 rgb(254,245,245)
```

Tint Color Variation

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

#968585
```
#968585 rgb(150,133,133)
```
#9e7d7d
```
#9e7d7d rgb(158,125,125)
```
#a77474
```
#a77474 rgb(167,116,116)
```
#b06c6b
```
#b06c6b rgb(176,108,107)
```
#b96362
```
#b96362 rgb(185,99,98)
```
#c15b5a
```
#c15b5a rgb(193,91,90)
```
#ca5251
```
#ca5251 rgb(202,82,81)
```
#d34a48
```
#d34a48 rgb(211,74,72)
```
#dc413f
```
#dc413f rgb(220,65,63)
```
#e43937
```
#e43937 rgb(228,57,55)
```
#ed302e
```
#ed302e rgb(237,48,46)
```
#f62725
```
#f62725 rgb(246,39,37)
```
#fe1f1d
```
#fe1f1d rgb(254,31,29)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#835d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f834b Protanopia 1% of men
#a37d27 Deuteranopia 1% of men
#ed3a3b Tritanopia 0.001% of the population

Trichromacy

#b16540 Protanomaly 1% of men, 0.01% of women
#be612a Deuteranomaly 6% of men, 0.4% of women
#ed3636 Tritanomaly 0.01% of the population

#ed302e hex color

#ed302e Color Information

#ed302e Color Conversion

Color Schemes with #ed302e

Alternatives to #ed302e

#ed302e Preview

Shades and Tints of #ed302e

Tones of #ed302e

Color Blindness Simulator