#ed5123 hex color

In a RGB color space, hex #ed5123 is composed of 92.9% red, 31.8% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.8% magenta, 85.2% yellow and 7.1% black. It has a hue angle of 13.7 degrees, a saturation of 84.9% and a lightness of 53.3%. #ed5123 color hex could be obtained by blending #ffa246 with #db0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 93
- G 32
- B 14
RGB color chart
- C 0
- M 66
- Y 85
- K 7
CMYK color chart

● #ed5123 color description : Vivid red.

The hexadecimal color #ed5123 has RGB values of R:237, G:81, B:35 and CMYK values of C:0, M:0.66, Y:0.85, K:0.07. Its decimal value is 15552803.

Hex triplet	ed5123	`#ed5123`
RGB Decimal	237, 81, 35	`rgb(237,81,35)`
RGB Percent	92.9, 31.8, 13.7	`rgb(92.9%,31.8%,13.7%)`
CMYK	0, 66, 85, 7
HSL	13.7°, 84.9, 53.3	`hsl(13.7,84.9%,53.3%)`
HSV (or HSB)	13.7°, 85.2, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.103, 58.111, 56.657
XYZ	38.173, 24.015, 4.215
xyY	0.575, 0.362, 24.015
CIE-LCH	56.103, 81.16, 44.274
CIE-LUV	56.103, 126.634, 41.925
Hunter-Lab	49.005, 53.284, 29.204
Binary	11101101, 01010001, 00100011

#ed5123
```
#ed5123 rgb(237,81,35)
```
#23bfed
```
#23bfed rgb(35,191,237)
```

Complementary Color

#ed235a
```
#ed235a rgb(237,35,90)
```
#ed5123
```
#ed5123 rgb(237,81,35)
```
#edb623
```
#edb623 rgb(237,182,35)
```

Analogous Color

#235aed
```
#235aed rgb(35,90,237)
```
#ed5123
```
#ed5123 rgb(237,81,35)
```
#23edb6
```
#23edb6 rgb(35,237,182)
```

Split Complementary Color

#5123ed
```
#5123ed rgb(81,35,237)
```
#ed5123
```
#ed5123 rgb(237,81,35)
```
#23ed51
```
#23ed51 rgb(35,237,81)
```

Triadic Color

#ed23bf
```
#ed23bf rgb(237,35,191)
```
#ed5123
```
#ed5123 rgb(237,81,35)
```
#23ed51
```
#23ed51 rgb(35,237,81)
```
#23bfed
```
#23bfed rgb(35,191,237)
```

Tetradic Color

#b5350f
```
#b5350f rgb(181,53,15)
```
#cc3b11
```
#cc3b11 rgb(204,59,17)
```
#e44213
```
#e44213 rgb(228,66,19)
```
#ed5123
```
#ed5123 rgb(237,81,35)
```
#ef643b
```
#ef643b rgb(239,100,59)
```
#f17652
```
#f17652 rgb(241,118,82)
```
#f3896a
```
#f3896a rgb(243,137,106)
```

Monochromatic Color

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

#ed2328
```
#ed2328 rgb(237,35,40)
```
#ed2f23
```
#ed2f23 rgb(237,47,35)
```
#ed4023
```
#ed4023 rgb(237,64,35)
```
#ed5123
```
#ed5123 rgb(237,81,35)
```
#ed6223
```
#ed6223 rgb(237,98,35)
```
#ed7323
```
#ed7323 rgb(237,115,35)
```
#ed8423
```
#ed8423 rgb(237,132,35)
```

Similar Colors

Text with hexadecimal color #ed5123

This text has a font color of #ed5123.

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

#ed5123 background color

This paragraph has a background color of #ed5123.

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

#ed5123 border color

This element has a border color of #ed5123.

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

CSS codes

.text {color:#ed5123;}

.background {background-color:#ed5123;}

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

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

#100501
```
#100501 rgb(16,5,1)
```
#220a03
```
#220a03 rgb(34,10,3)
```
#340f04
```
#340f04 rgb(52,15,4)
```
#461406
```
#461406 rgb(70,20,6)
```
#581a07
```
#581a07 rgb(88,26,7)
```
#6a1f09
```
#6a1f09 rgb(106,31,9)
```
#7d240a
```
#7d240a rgb(125,36,10)
```
#8f290c
```
#8f290c rgb(143,41,12)
```
#a12f0d
```
#a12f0d rgb(161,47,13)
```
#b3340f
```
#b3340f rgb(179,52,15)
```
#c53910
```
#c53910 rgb(197,57,16)
```
#d73f12
```
#d73f12 rgb(215,63,18)
```
#e94413
```
#e94413 rgb(233,68,19)
```

Shade Color Variation

#ed5123
```
#ed5123 rgb(237,81,35)
```
#ee5f35
```
#ee5f35 rgb(238,95,53)
```
#f06e47
```
#f06e47 rgb(240,110,71)
```
#f17c59
```
#f17c59 rgb(241,124,89)
```
#f38a6c
```
#f38a6c rgb(243,138,108)
```
#f4997e
```
#f4997e rgb(244,153,126)
```
#f6a790
```
#f6a790 rgb(246,167,144)
```
#f7b5a2
```
#f7b5a2 rgb(247,181,162)
```
#f9c4b4
```
#f9c4b4 rgb(249,196,180)
```
#fad2c6
```
#fad2c6 rgb(250,210,198)
```
#fce0d8
```
#fce0d8 rgb(252,224,216)
```
#fdefea
```
#fdefea rgb(253,239,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#91837f
```
#91837f rgb(145,131,127)
```
#9b7e75
```
#9b7e75 rgb(155,126,117)
```
#a4796c
```
#a4796c rgb(164,121,108)
```
#ad7463
```
#ad7463 rgb(173,116,99)
```
#b66f5a
```
#b66f5a rgb(182,111,90)
```
#bf6a51
```
#bf6a51 rgb(191,106,81)
```
#c86548
```
#c86548 rgb(200,101,72)
```
#d2603e
```
#d2603e rgb(210,96,62)
```
#db5b35
```
#db5b35 rgb(219,91,53)
```
#e4562c
```
#e4562c rgb(228,86,44)
```
#ed5123
```
#ed5123 rgb(237,81,35)
```
#f64c1a
```
#f64c1a rgb(246,76,26)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#917269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c3b Protanopia 1% of men
#af851a Deuteranopia 1% of men
#ef5559 Tritanopia 0.001% of the population

Trichromacy

#b97732 Protanomaly 1% of men, 0.01% of women
#c6721d Deuteranomaly 6% of men, 0.4% of women
#ee5345 Tritanomaly 0.01% of the population

#ed5123 hex color

#ed5123 Color Information

#ed5123 Color Conversion

Color Schemes with #ed5123

Alternatives to #ed5123

#ed5123 Preview

Shades and Tints of #ed5123

Tones of #ed5123

Color Blindness Simulator