#ed1218 hex color

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

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

● #ed1218 color description : Vivid red.

The hexadecimal color #ed1218 has RGB values of R:237, G:18, B:24 and CMYK values of C:0, M:0.92, Y:0.9, K:0.07. Its decimal value is 15536664.

Hex triplet	ed1218	`#ed1218`
RGB Decimal	237, 18, 24	`rgb(237,18,24)`
RGB Percent	92.9, 7.1, 9.4	`rgb(92.9%,7.1%,9.4%)`
CMYK	0, 92, 90, 7
HSL	358.4°, 85.9, 50	`hsl(358.4,85.9%,50%)`
HSV (or HSB)	358.4°, 92.4, 92.9
Web Safe	ff0000	`#ff0000`

CIE-LAB	50.106, 74.49, 56.551
XYZ	35.308, 18.508, 2.577
xyY	0.626, 0.328, 18.508
CIE-LCH	50.106, 93.524, 37.205
CIE-LUV	50.106, 158.03, 33.304
Hunter-Lab	43.021, 71.214, 26.562
Binary	11101101, 00010010, 00011000

#ed1218
```
#ed1218 rgb(237,18,24)
```
#12ede7
```
#12ede7 rgb(18,237,231)
```

Complementary Color

#ed1286
```
#ed1286 rgb(237,18,134)
```
#ed1218
```
#ed1218 rgb(237,18,24)
```
#ed7a12
```
#ed7a12 rgb(237,122,18)
```

Analogous Color

#1286ed
```
#1286ed rgb(18,134,237)
```
#ed1218
```
#ed1218 rgb(237,18,24)
```
#12ed7a
```
#12ed7a rgb(18,237,122)
```

Split Complementary Color

#1218ed
```
#1218ed rgb(18,24,237)
```
#ed1218
```
#ed1218 rgb(237,18,24)
```
#18ed12
```
#18ed12 rgb(24,237,18)
```

Triadic Color

#e712ed
```
#e712ed rgb(231,18,237)
```
#ed1218
```
#ed1218 rgb(237,18,24)
```
#18ed12
```
#18ed12 rgb(24,237,18)
```
#12ede7
```
#12ede7 rgb(18,237,231)
```

Tetradic Color

#a60d11
```
#a60d11 rgb(166,13,17)
```
#be0e13
```
#be0e13 rgb(190,14,19)
```
#d51016
```
#d51016 rgb(213,16,22)
```
#ed1218
```
#ed1218 rgb(237,18,24)
```
#ef2a2f
```
#ef2a2f rgb(239,42,47)
```
#f14146
```
#f14146 rgb(241,65,70)
```
#f2595d
```
#f2595d rgb(242,89,93)
```

Monochromatic Color

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

#ed124f
```
#ed124f rgb(237,18,79)
```
#ed123d
```
#ed123d rgb(237,18,61)
```
#ed122a
```
#ed122a rgb(237,18,42)
```
#ed1218
```
#ed1218 rgb(237,18,24)
```
#ed1e12
```
#ed1e12 rgb(237,30,18)
```
#ed3012
```
#ed3012 rgb(237,48,18)
```
#ed4312
```
#ed4312 rgb(237,67,18)
```

Similar Colors

Text with hexadecimal color #ed1218

This text has a font color of #ed1218.

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

#ed1218 background color

This paragraph has a background color of #ed1218.

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

#ed1218 border color

This element has a border color of #ed1218.

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

CSS codes

.text {color:#ed1218;}

.background {background-color:#ed1218;}

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

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

#120102
```
#120102 rgb(18,1,2)
```
#240304
```
#240304 rgb(36,3,4)
```
#370406
```
#370406 rgb(55,4,6)
```
#490607
```
#490607 rgb(73,6,7)
```
#5b0709
```
#5b0709 rgb(91,7,9)
```
#6d080b
```
#6d080b rgb(109,8,11)
```
#800a0d
```
#800a0d rgb(128,10,13)
```
#920b0f
```
#920b0f rgb(146,11,15)
```
#a40c11
```
#a40c11 rgb(164,12,17)
```
#b60e12
```
#b60e12 rgb(182,14,18)
```
#c90f14
```
#c90f14 rgb(201,15,20)
```
#db1116
```
#db1116 rgb(219,17,22)
```
#ed1218
```
#ed1218 rgb(237,18,24)
```

Shade Color Variation

#ee242a
```
#ee242a rgb(238,36,42)
```
#f0363c
```
#f0363c rgb(240,54,60)
```
#f1494d
```
#f1494d rgb(241,73,77)
```
#f35b5f
```
#f35b5f rgb(243,91,95)
```
#f46d71
```
#f46d71 rgb(244,109,113)
```
#f57f83
```
#f57f83 rgb(245,127,131)
```
#f79294
```
#f79294 rgb(247,146,148)
```
#f8a4a6
```
#f8a4a6 rgb(248,164,166)
```
#f9b6b8
```
#f9b6b8 rgb(249,182,184)
```
#fbc8ca
```
#fbc8ca rgb(251,200,202)
```
#fcdbdb
```
#fcdbdb rgb(252,219,219)
```
#feeded
```
#feeded rgb(254,237,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#817e7e
```
#817e7e rgb(129,126,126)
```
#8b7475
```
#8b7475 rgb(139,116,117)
```
#956a6b
```
#956a6b rgb(149,106,107)
```
#9f6062
```
#9f6062 rgb(159,96,98)
```
#a85759
```
#a85759 rgb(168,87,89)
```
#b24d50
```
#b24d50 rgb(178,77,80)
```
#bc4346
```
#bc4346 rgb(188,67,70)
```
#c6393d
```
#c6393d rgb(198,57,61)
```
#d02f34
```
#d02f34 rgb(208,47,52)
```
#d9262b
```
#d9262b rgb(217,38,43)
```
#e31c21
```
#e31c21 rgb(227,28,33)
```
#ed1218
```
#ed1218 rgb(237,18,24)
```
#f7080f
```
#f7080f rgb(247,8,15)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#734748 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7e36 Protanopia 1% of men
#9d7800 Deuteranopia 1% of men
#ed2018 Tritanopia 0.001% of the population

Trichromacy

#af572b Protanomaly 1% of men, 0.01% of women
#ba5308 Deuteranomaly 6% of men, 0.4% of women
#ed1a18 Tritanomaly 0.01% of the population

#ed1218 hex color

#ed1218 Color Information

#ed1218 Color Conversion

Color Schemes with #ed1218

Alternatives to #ed1218

#ed1218 Preview

Shades and Tints of #ed1218

Tones of #ed1218

Color Blindness Simulator