#ed123c hex color

In a RGB color space, hex #ed123c is composed of 92.9% red, 7.1% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.4% magenta, 74.7% yellow and 7.1% black. It has a hue angle of 348.5 degrees, a saturation of 85.9% and a lightness of 50%. #ed123c color hex could be obtained by blending #ff2478 with #db0000. Closest websafe color is: #ff0033.

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

● #ed123c color description : Vivid red.

The hexadecimal color #ed123c has RGB values of R:237, G:18, B:60 and CMYK values of C:0, M:0.92, Y:0.75, K:0.07. Its decimal value is 15536700.

Hex triplet	ed123c	`#ed123c`
RGB Decimal	237, 18, 60	`rgb(237,18,60)`
RGB Percent	92.9, 7.1, 23.5	`rgb(92.9%,7.1%,23.5%)`
CMYK	0, 92, 75, 7
HSL	348.5°, 85.9, 50	`hsl(348.5,85.9%,50%)`
HSV (or HSB)	348.5°, 92.4, 92.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.415, 75.355, 38.384
XYZ	35.959, 18.768, 6.004
xyY	0.592, 0.309, 18.768
CIE-LCH	50.415, 84.568, 26.993
CIE-LUV	50.415, 151.324, 23.031
Hunter-Lab	43.322, 72.347, 22.108
Binary	11101101, 00010010, 00111100

#ed123c
```
#ed123c rgb(237,18,60)
```
#12edc3
```
#12edc3 rgb(18,237,195)
```

Complementary Color

#ed12aa
```
#ed12aa rgb(237,18,170)
```
#ed123c
```
#ed123c rgb(237,18,60)
```
#ed5612
```
#ed5612 rgb(237,86,18)
```

Analogous Color

#12aaed
```
#12aaed rgb(18,170,237)
```
#ed123c
```
#ed123c rgb(237,18,60)
```
#12ed55
```
#12ed55 rgb(18,237,85)
```

Split Complementary Color

#123ced
```
#123ced rgb(18,60,237)
```
#ed123c
```
#ed123c rgb(237,18,60)
```
#3ced12
```
#3ced12 rgb(60,237,18)
```

Triadic Color

#c312ed
```
#c312ed rgb(195,18,237)
```
#ed123c
```
#ed123c rgb(237,18,60)
```
#3ced12
```
#3ced12 rgb(60,237,18)
```
#12edc3
```
#12edc3 rgb(18,237,195)
```

Tetradic Color

#a60d2a
```
#a60d2a rgb(166,13,42)
```
#be0e30
```
#be0e30 rgb(190,14,48)
```
#d51036
```
#d51036 rgb(213,16,54)
```
#ed123c
```
#ed123c rgb(237,18,60)
```
#ef2a50
```
#ef2a50 rgb(239,42,80)
```
#f14163
```
#f14163 rgb(241,65,99)
```
#f25977
```
#f25977 rgb(242,89,119)
```

Monochromatic Color

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

#ed1273
```
#ed1273 rgb(237,18,115)
```
#ed1261
```
#ed1261 rgb(237,18,97)
```
#ed124e
```
#ed124e rgb(237,18,78)
```
#ed123c
```
#ed123c rgb(237,18,60)
```
#ed122a
```
#ed122a rgb(237,18,42)
```
#ed1218
```
#ed1218 rgb(237,18,24)
```
#ed1f12
```
#ed1f12 rgb(237,31,18)
```

Similar Colors

Text with hexadecimal color #ed123c

This text has a font color of #ed123c.

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

#ed123c background color

This paragraph has a background color of #ed123c.

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

#ed123c border color

This element has a border color of #ed123c.

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

CSS codes

.text {color:#ed123c;}

.background {background-color:#ed123c;}

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

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

#120105
```
#120105 rgb(18,1,5)
```
#240309
```
#240309 rgb(36,3,9)
```
#37040e
```
#37040e rgb(55,4,14)
```
#490612
```
#490612 rgb(73,6,18)
```
#5b0717
```
#5b0717 rgb(91,7,23)
```
#6d081c
```
#6d081c rgb(109,8,28)
```
#800a20
```
#800a20 rgb(128,10,32)
```
#920b25
```
#920b25 rgb(146,11,37)
```
#a40c2a
```
#a40c2a rgb(164,12,42)
```
#b60e2e
```
#b60e2e rgb(182,14,46)
```
#c90f33
```
#c90f33 rgb(201,15,51)
```
#db1137
```
#db1137 rgb(219,17,55)
```
#ed123c
```
#ed123c rgb(237,18,60)
```

Shade Color Variation

#ee244b
```
#ee244b rgb(238,36,75)
```
#f0365a
```
#f0365a rgb(240,54,90)
```
#f14969
```
#f14969 rgb(241,73,105)
```
#f35b78
```
#f35b78 rgb(243,91,120)
```
#f46d87
```
#f46d87 rgb(244,109,135)
```
#f57f96
```
#f57f96 rgb(245,127,150)
```
#f792a5
```
#f792a5 rgb(247,146,165)
```
#f8a4b4
```
#f8a4b4 rgb(248,164,180)
```
#f9b6c3
```
#f9b6c3 rgb(249,182,195)
```
#fbc8d2
```
#fbc8d2 rgb(251,200,210)
```
#fcdbe1
```
#fcdbe1 rgb(252,219,225)
```
#feedf0
```
#feedf0 rgb(254,237,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#817e7f
```
#817e7f rgb(129,126,127)
```
#8b7478
```
#8b7478 rgb(139,116,120)
```
#956a72
```
#956a72 rgb(149,106,114)
```
#9f606c
```
#9f606c rgb(159,96,108)
```
#a85766
```
#a85766 rgb(168,87,102)
```
#b24d60
```
#b24d60 rgb(178,77,96)
```
#bc435a
```
#bc435a rgb(188,67,90)
```
#c63954
```
#c63954 rgb(198,57,84)
```
#d02f4e
```
#d02f4e rgb(208,47,78)
```
#d92648
```
#d92648 rgb(217,38,72)
```
#e31c42
```
#e31c42 rgb(227,28,66)
```
#ed123c
```
#ed123c rgb(237,18,60)
```
#f70836
```
#f70836 rgb(247,8,54)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#764a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877e5f Protanopia 1% of men
#9c7937 Deuteranopia 1% of men
#ed2724 Tritanopia 0.001% of the population

Trichromacy

#ac5752 Protanomaly 1% of men, 0.01% of women
#b95338 Deuteranomaly 6% of men, 0.4% of women
#ed1f2c Tritanomaly 0.01% of the population

#ed123c hex color

#ed123c Color Information

#ed123c Color Conversion

Color Schemes with #ed123c

Alternatives to #ed123c

#ed123c Preview

Shades and Tints of #ed123c

Tones of #ed123c

Color Blindness Simulator