#ed342c hex color

In a RGB color space, hex #ed342c is composed of 92.9% red, 20.4% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.1% magenta, 81.4% yellow and 7.1% black. It has a hue angle of 2.5 degrees, a saturation of 84.3% and a lightness of 55.1%. #ed342c color hex could be obtained by blending #ff6858 with #db0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 93
- G 20
- B 17
RGB color chart
- C 0
- M 78
- Y 81
- K 7
CMYK color chart

● #ed342c color description : Bright red.

The hexadecimal color #ed342c has RGB values of R:237, G:52, B:44 and CMYK values of C:0, M:0.78, Y:0.81, K:0.07. Its decimal value is 15545388.

Hex triplet	ed342c	`#ed342c`
RGB Decimal	237, 52, 44	`rgb(237,52,44)`
RGB Percent	92.9, 20.4, 17.3	`rgb(92.9%,20.4%,17.3%)`
CMYK	0, 78, 81, 7
HSL	2.5°, 84.3, 55.1	`hsl(2.5,84.3%,55.1%)`
HSV (or HSB)	2.5°, 81.4, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.561, 68.273, 49.367
XYZ	36.61, 20.647, 4.44
xyY	0.593, 0.335, 20.647
CIE-LCH	52.561, 84.251, 35.87
CIE-LUV	52.561, 143.044, 33.045
Hunter-Lab	45.439, 64.297, 26.013
Binary	11101101, 00110100, 00101100

#ed342c
```
#ed342c rgb(237,52,44)
```
#2ce5ed
```
#2ce5ed rgb(44,229,237)
```

Complementary Color

#ed2c85
```
#ed2c85 rgb(237,44,133)
```
#ed342c
```
#ed342c rgb(237,52,44)
```
#ed952c
```
#ed952c rgb(237,149,44)
```

Analogous Color

#2c85ed
```
#2c85ed rgb(44,133,237)
```
#ed342c
```
#ed342c rgb(237,52,44)
```
#2ced95
```
#2ced95 rgb(44,237,149)
```

Split Complementary Color

#342ced
```
#342ced rgb(52,44,237)
```
#ed342c
```
#ed342c rgb(237,52,44)
```
#2ced34
```
#2ced34 rgb(44,237,52)
```

Triadic Color

#ed2ce5
```
#ed2ce5 rgb(237,44,229)
```
#ed342c
```
#ed342c rgb(237,52,44)
```
#2ced34
```
#2ced34 rgb(44,237,52)
```
#2ce5ed
```
#2ce5ed rgb(44,229,237)
```

Tetradic Color

#bc1710
```
#bc1710 rgb(188,23,16)
```
#d41a12
```
#d41a12 rgb(212,26,18)
```
#eb1d15
```
#eb1d15 rgb(235,29,21)
```
#ed342c
```
#ed342c rgb(237,52,44)
```
#ef4b43
```
#ef4b43 rgb(239,75,67)
```
#f1615b
```
#f1615b rgb(241,97,91)
```
#f37872
```
#f37872 rgb(243,120,114)
```

Monochromatic Color

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

#ed2c54
```
#ed2c54 rgb(237,44,84)
```
#ed2c44
```
#ed2c44 rgb(237,44,68)
```
#ed2c34
```
#ed2c34 rgb(237,44,52)
```
#ed342c
```
#ed342c rgb(237,52,44)
```
#ed442c
```
#ed442c rgb(237,68,44)
```
#ed542c
```
#ed542c rgb(237,84,44)
```
#ed642c
```
#ed642c rgb(237,100,44)
```

Similar Colors

Text with hexadecimal color #ed342c

This text has a font color of #ed342c.

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

#ed342c background color

This paragraph has a background color of #ed342c.

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

#ed342c border color

This element has a border color of #ed342c.

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

CSS codes

.text {color:#ed342c;}

.background {background-color:#ed342c;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#180302
```
#180302 rgb(24,3,2)
```
#2a0504
```
#2a0504 rgb(42,5,4)
```
#3c0705
```
#3c0705 rgb(60,7,5)
```
#4e0a07
```
#4e0a07 rgb(78,10,7)
```
#600c08
```
#600c08 rgb(96,12,8)
```
#720e0a
```
#720e0a rgb(114,14,10)
```
#84100b
```
#84100b rgb(132,16,11)
```
#96130d
```
#96130d rgb(150,19,13)
```
#a9150e
```
#a9150e rgb(169,21,14)
```
#bb1710
```
#bb1710 rgb(187,23,16)
```
#cd1911
```
#cd1911 rgb(205,25,17)
```
#df1b13
```
#df1b13 rgb(223,27,19)
```

Shade Color Variation

#eb231a
```
#eb231a rgb(235,35,26)
```
#ed342c
```
#ed342c rgb(237,52,44)
```
#ef453e
```
#ef453e rgb(239,69,62)
```
#f05750
```
#f05750 rgb(240,87,80)
```
#f26862
```
#f26862 rgb(242,104,98)
```
#f37a74
```
#f37a74 rgb(243,122,116)
```
#f58b86
```
#f58b86 rgb(245,139,134)
```
#f69c98
```
#f69c98 rgb(246,156,152)
```
#f8aeab
```
#f8aeab rgb(248,174,171)
```
#f9bfbd
```
#f9bfbd rgb(249,191,189)
```
#fbd0cf
```
#fbd0cf rgb(251,208,207)
```
#fce2e1
```
#fce2e1 rgb(252,226,225)
```
#fef3f3
```
#fef3f3 rgb(254,243,243)
```

Tint Color Variation

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

#958584
```
#958584 rgb(149,133,132)
```
#9e7d7b
```
#9e7d7b rgb(158,125,123)
```
#a77572
```
#a77572 rgb(167,117,114)
```
#af6d6a
```
#af6d6a rgb(175,109,106)
```
#b86461
```
#b86461 rgb(184,100,97)
```
#c15c58
```
#c15c58 rgb(193,92,88)
```
#ca544f
```
#ca544f rgb(202,84,79)
```
#d34c46
```
#d34c46 rgb(211,76,70)
```
#db443e
```
#db443e rgb(219,68,62)
```
#e43c35
```
#e43c35 rgb(228,60,53)
```
#ed342c
```
#ed342c rgb(237,52,44)
```
#f62c23
```
#f62c23 rgb(246,44,35)
```
#ff241a
```
#ff241a rgb(255,36,26)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#845f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#918448 Protanopia 1% of men
#a47d25 Deuteranopia 1% of men
#ee3d3e Tritanopia 0.001% of the population

Trichromacy

#b2673e Protanomaly 1% of men, 0.01% of women
#be6327 Deuteranomaly 6% of men, 0.4% of women
#ed3a37 Tritanomaly 0.01% of the population

#ed342c hex color

#ed342c Color Information

#ed342c Color Conversion

Color Schemes with #ed342c

Alternatives to #ed342c

#ed342c Preview

Shades and Tints of #ed342c

Tones of #ed342c

Color Blindness Simulator