#ed522c hex color

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

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

● #ed522c color description : Bright red.

The hexadecimal color #ed522c has RGB values of R:237, G:82, B:44 and CMYK values of C:0, M:0.65, Y:0.81, K:0.07. Its decimal value is 15553068.

Hex triplet	ed522c	`#ed522c`
RGB Decimal	237, 82, 44	`rgb(237,82,44)`
RGB Percent	92.9, 32.2, 17.3	`rgb(92.9%,32.2%,17.3%)`
CMYK	0, 65, 81, 7
HSL	11.8°, 84.3, 55.1	`hsl(11.8,84.3%,55.1%)`
HSV (or HSB)	11.8°, 81.4, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.313, 57.934, 52.882
XYZ	38.399, 24.225, 5.037
xyY	0.568, 0.358, 24.225
CIE-LCH	56.313, 78.44, 42.39
CIE-LUV	56.313, 124.884, 40.009
Hunter-Lab	49.219, 53.124, 28.386
Binary	11101101, 01010010, 00101100

#ed522c
```
#ed522c rgb(237,82,44)
```
#2cc7ed
```
#2cc7ed rgb(44,199,237)
```

Complementary Color

#ed2c67
```
#ed2c67 rgb(237,44,103)
```
#ed522c
```
#ed522c rgb(237,82,44)
```
#edb32c
```
#edb32c rgb(237,179,44)
```

Analogous Color

#2c67ed
```
#2c67ed rgb(44,103,237)
```
#ed522c
```
#ed522c rgb(237,82,44)
```
#2cedb3
```
#2cedb3 rgb(44,237,179)
```

Split Complementary Color

#522ced
```
#522ced rgb(82,44,237)
```
#ed522c
```
#ed522c rgb(237,82,44)
```
#2ced52
```
#2ced52 rgb(44,237,82)
```

Triadic Color

#ed2cc7
```
#ed2cc7 rgb(237,44,199)
```
#ed522c
```
#ed522c rgb(237,82,44)
```
#2ced52
```
#2ced52 rgb(44,237,82)
```
#2cc7ed
```
#2cc7ed rgb(44,199,237)
```

Tetradic Color

#bc3210
```
#bc3210 rgb(188,50,16)
```
#d43812
```
#d43812 rgb(212,56,18)
```
#eb3f15
```
#eb3f15 rgb(235,63,21)
```
#ed522c
```
#ed522c rgb(237,82,44)
```
#ef6543
```
#ef6543 rgb(239,101,67)
```
#f1795b
```
#f1795b rgb(241,121,91)
```
#f38c72
```
#f38c72 rgb(243,140,114)
```

Monochromatic Color

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

#ed2c36
```
#ed2c36 rgb(237,44,54)
```
#ed322c
```
#ed322c rgb(237,50,44)
```
#ed422c
```
#ed422c rgb(237,66,44)
```
#ed522c
```
#ed522c rgb(237,82,44)
```
#ed622c
```
#ed622c rgb(237,98,44)
```
#ed722c
```
#ed722c rgb(237,114,44)
```
#ed822c
```
#ed822c rgb(237,130,44)
```

Similar Colors

Text with hexadecimal color #ed522c

This text has a font color of #ed522c.

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

#ed522c background color

This paragraph has a background color of #ed522c.

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

#ed522c border color

This element has a border color of #ed522c.

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

CSS codes

.text {color:#ed522c;}

.background {background-color:#ed522c;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#180602
```
#180602 rgb(24,6,2)
```
#2a0b04
```
#2a0b04 rgb(42,11,4)
```
#3c1005
```
#3c1005 rgb(60,16,5)
```
#4e1507
```
#4e1507 rgb(78,21,7)
```
#601a08
```
#601a08 rgb(96,26,8)
```
#721e0a
```
#721e0a rgb(114,30,10)
```
#84230b
```
#84230b rgb(132,35,11)
```
#96280d
```
#96280d rgb(150,40,13)
```
#a92d0e
```
#a92d0e rgb(169,45,14)
```
#bb3210
```
#bb3210 rgb(187,50,16)
```
#cd3611
```
#cd3611 rgb(205,54,17)
```
#df3b13
```
#df3b13 rgb(223,59,19)
```

Shade Color Variation

#eb431a
```
#eb431a rgb(235,67,26)
```
#ed522c
```
#ed522c rgb(237,82,44)
```
#ef613e
```
#ef613e rgb(239,97,62)
```
#f07050
```
#f07050 rgb(240,112,80)
```
#f27e62
```
#f27e62 rgb(242,126,98)
```
#f38d74
```
#f38d74 rgb(243,141,116)
```
#f59c86
```
#f59c86 rgb(245,156,134)
```
#f6ab98
```
#f6ab98 rgb(246,171,152)
```
#f8baab
```
#f8baab rgb(248,186,171)
```
#f9c9bd
```
#f9c9bd rgb(249,201,189)
```
#fbd7cf
```
#fbd7cf rgb(251,215,207)
```
#fce6e1
```
#fce6e1 rgb(252,230,225)
```
#fef5f3
```
#fef5f3 rgb(254,245,243)
```

Tint Color Variation

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

#958784
```
#958784 rgb(149,135,132)
```
#9e827b
```
#9e827b rgb(158,130,123)
```
#a77d72
```
#a77d72 rgb(167,125,114)
```
#af776a
```
#af776a rgb(175,119,106)
```
#b87261
```
#b87261 rgb(184,114,97)
```
#c16d58
```
#c16d58 rgb(193,109,88)
```
#ca674f
```
#ca674f rgb(202,103,79)
```
#d36246
```
#d36246 rgb(211,98,70)
```
#db5d3e
```
#db5d3e rgb(219,93,62)
```
#e45735
```
#e45735 rgb(228,87,53)
```
#ed522c
```
#ed522c rgb(237,82,44)
```
#f64d23
```
#f64d23 rgb(246,77,35)
```
#ff471a
```
#ff471a rgb(255,71,26)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#93746c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8d44 Protanopia 1% of men
#af8628 Deuteranopia 1% of men
#ef565b Tritanopia 0.001% of the population

Trichromacy

#b9773b Protanomaly 1% of men, 0.01% of women
#c67329 Deuteranomaly 6% of men, 0.4% of women
#ee554a Tritanomaly 0.01% of the population

#ed522c hex color

#ed522c Color Information

#ed522c Color Conversion

Color Schemes with #ed522c

Alternatives to #ed522c

#ed522c Preview

Shades and Tints of #ed522c

Tones of #ed522c

Color Blindness Simulator