#ed304a hex color

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

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

● #ed304a color description : Bright red.

The hexadecimal color #ed304a has RGB values of R:237, G:48, B:74 and CMYK values of C:0, M:0.8, Y:0.69, K:0.07. Its decimal value is 15544394.

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

CIE-LAB	52.528, 70.424, 32.682
XYZ	37.22, 20.617, 8.498
xyY	0.561, 0.311, 20.617
CIE-LCH	52.528, 77.638, 24.895
CIE-LUV	52.528, 138.212, 20.831
Hunter-Lab	45.406, 66.856, 20.688
Binary	11101101, 00110000, 01001010

#ed304a
```
#ed304a rgb(237,48,74)
```
#30edd3
```
#30edd3 rgb(48,237,211)
```

Complementary Color

#ed30a9
```
#ed30a9 rgb(237,48,169)
```
#ed304a
```
#ed304a rgb(237,48,74)
```
#ed7530
```
#ed7530 rgb(237,117,48)
```

Analogous Color

#30a9ed
```
#30a9ed rgb(48,169,237)
```
#ed304a
```
#ed304a rgb(237,48,74)
```
#30ed75
```
#30ed75 rgb(48,237,117)
```

Split Complementary Color

#304aed
```
#304aed rgb(48,74,237)
```
#ed304a
```
#ed304a rgb(237,48,74)
```
#4aed30
```
#4aed30 rgb(74,237,48)
```

Triadic Color

#d330ed
```
#d330ed rgb(211,48,237)
```
#ed304a
```
#ed304a rgb(237,48,74)
```
#4aed30
```
#4aed30 rgb(74,237,48)
```
#30edd3
```
#30edd3 rgb(48,237,211)
```

Tetradic Color

#c01129
```
#c01129 rgb(192,17,41)
```
#d7132e
```
#d7132e rgb(215,19,46)
```
#eb1935
```
#eb1935 rgb(235,25,53)
```
#ed304a
```
#ed304a rgb(237,48,74)
```
#ef475f
```
#ef475f rgb(239,71,95)
```
#f15f73
```
#f15f73 rgb(241,95,115)
```
#f37688
```
#f37688 rgb(243,118,136)
```

Monochromatic Color

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

#ed3079
```
#ed3079 rgb(237,48,121)
```
#ed306a
```
#ed306a rgb(237,48,106)
```
#ed305a
```
#ed305a rgb(237,48,90)
```
#ed304a
```
#ed304a rgb(237,48,74)
```
#ed303a
```
#ed303a rgb(237,48,58)
```
#ed3630
```
#ed3630 rgb(237,54,48)
```
#ed4530
```
#ed4530 rgb(237,69,48)
```

Similar Colors

Text with hexadecimal color #ed304a

This text has a font color of #ed304a.

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

#ed304a background color

This paragraph has a background color of #ed304a.

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

#ed304a border color

This element has a border color of #ed304a.

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

CSS codes

.text {color:#ed304a;}

.background {background-color:#ed304a;}

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

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

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1c0206
```
#1c0206 rgb(28,2,6)
```
#2e040a
```
#2e040a rgb(46,4,10)
```
#40060e
```
#40060e rgb(64,6,14)
```
#520711
```
#520711 rgb(82,7,17)
```
#640915
```
#640915 rgb(100,9,21)
```
#760a19
```
#760a19 rgb(118,10,25)
```
#880c1d
```
#880c1d rgb(136,12,29)
```
#9a0d21
```
#9a0d21 rgb(154,13,33)
```
#ac0f25
```
#ac0f25 rgb(172,15,37)
```
#be1128
```
#be1128 rgb(190,17,40)
```
#d0122c
```
#d0122c rgb(208,18,44)
```
#e21430
```
#e21430 rgb(226,20,48)
```

Shade Color Variation

#eb1e3a
```
#eb1e3a rgb(235,30,58)
```
#ed304a
```
#ed304a rgb(237,48,74)
```
#ef425a
```
#ef425a rgb(239,66,90)
```
#f0546a
```
#f0546a rgb(240,84,106)
```
#f26679
```
#f26679 rgb(242,102,121)
```
#f37889
```
#f37889 rgb(243,120,137)
```
#f58a99
```
#f58a99 rgb(245,138,153)
```
#f69ca9
```
#f69ca9 rgb(246,156,169)
```
#f8aeb8
```
#f8aeb8 rgb(248,174,184)
```
#fac0c8
```
#fac0c8 rgb(250,192,200)
```
#fbd2d8
```
#fbd2d8 rgb(251,210,216)
```
#fde4e8
```
#fde4e8 rgb(253,228,232)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#968789
```
#968789 rgb(150,135,137)
```
#9f7e82
```
#9f7e82 rgb(159,126,130)
```
#a8757c
```
#a8757c rgb(168,117,124)
```
#b06d76
```
#b06d76 rgb(176,109,118)
```
#b96470
```
#b96470 rgb(185,100,112)
```
#c25b69
```
#c25b69 rgb(194,91,105)
```
#ca5363
```
#ca5363 rgb(202,83,99)
```
#d34a5d
```
#d34a5d rgb(211,74,93)
```
#dc4157
```
#dc4157 rgb(220,65,87)
```
#e43950
```
#e43950 rgb(228,57,80)
```
#ed304a
```
#ed304a rgb(237,48,74)
```
#f62744
```
#f62744 rgb(246,39,68)
```
#fe1f3d
```
#fe1f3d rgb(254,31,61)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#855f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b836b Protanopia 1% of men
#a07e46 Deuteranopia 1% of men
#ed3e40 Tritanopia 0.001% of the population

Trichromacy

#af655f Protanomaly 1% of men, 0.01% of women
#bc6148 Deuteranomaly 6% of men, 0.4% of women
#ed3943 Tritanomaly 0.01% of the population

#ed304a hex color

#ed304a Color Information

#ed304a Color Conversion

Color Schemes with #ed304a

Alternatives to #ed304a

#ed304a Preview

Shades and Tints of #ed304a

Tones of #ed304a

Color Blindness Simulator