#ed502a hex color

In a RGB color space, hex #ed502a is composed of 92.9% red, 31.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.2% magenta, 82.3% yellow and 7.1% black. It has a hue angle of 11.7 degrees, a saturation of 84.4% and a lightness of 54.7%. #ed502a color hex could be obtained by blending #ffa054 with #db0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 93
- G 31
- B 16
RGB color chart
- C 0
- M 66
- Y 82
- K 7
CMYK color chart

● #ed502a color description : Bright red.

The hexadecimal color #ed502a has RGB values of R:237, G:80, B:42 and CMYK values of C:0, M:0.66, Y:0.82, K:0.07. Its decimal value is 15552554.

Hex triplet	ed502a	`#ed502a`
RGB Decimal	237, 80, 42	`rgb(237,80,42)`
RGB Percent	92.9, 31.4, 16.5	`rgb(92.9%,31.4%,16.5%)`
CMYK	0, 66, 82, 7
HSL	11.7°, 84.4, 54.7	`hsl(11.7,84.4%,54.7%)`
HSV (or HSB)	11.7°, 82.3, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.001, 58.682, 53.517
XYZ	38.213, 23.913, 4.794
xyY	0.571, 0.357, 23.913
CIE-LCH	56.001, 79.421, 42.365
CIE-LUV	56.001, 126.528, 39.995
Hunter-Lab	48.901, 53.91, 28.419
Binary	11101101, 01010000, 00101010

#ed502a
```
#ed502a rgb(237,80,42)
```
#2ac7ed
```
#2ac7ed rgb(42,199,237)
```

Complementary Color

#ed2a66
```
#ed2a66 rgb(237,42,102)
```
#ed502a
```
#ed502a rgb(237,80,42)
```
#edb22a
```
#edb22a rgb(237,178,42)
```

Analogous Color

#2a66ed
```
#2a66ed rgb(42,102,237)
```
#ed502a
```
#ed502a rgb(237,80,42)
```
#2aedb2
```
#2aedb2 rgb(42,237,178)
```

Split Complementary Color

#502aed
```
#502aed rgb(80,42,237)
```
#ed502a
```
#ed502a rgb(237,80,42)
```
#2aed50
```
#2aed50 rgb(42,237,80)
```

Triadic Color

#ed2ac7
```
#ed2ac7 rgb(237,42,199)
```
#ed502a
```
#ed502a rgb(237,80,42)
```
#2aed50
```
#2aed50 rgb(42,237,80)
```
#2ac7ed
```
#2ac7ed rgb(42,199,237)
```

Tetradic Color

#bb3110
```
#bb3110 rgb(187,49,16)
```
#d23712
```
#d23712 rgb(210,55,18)
```
#ea3d14
```
#ea3d14 rgb(234,61,20)
```
#ed502a
```
#ed502a rgb(237,80,42)
```
#ef6342
```
#ef6342 rgb(239,99,66)
```
#f17759
```
#f17759 rgb(241,119,89)
```
#f38a71
```
#f38a71 rgb(243,138,113)
```

Monochromatic Color

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

#ed2a35
```
#ed2a35 rgb(237,42,53)
```
#ed302a
```
#ed302a rgb(237,48,42)
```
#ed402a
```
#ed402a rgb(237,64,42)
```
#ed502a
```
#ed502a rgb(237,80,42)
```
#ed602a
```
#ed602a rgb(237,96,42)
```
#ed712a
```
#ed712a rgb(237,113,42)
```
#ed812a
```
#ed812a rgb(237,129,42)
```

Similar Colors

Text with hexadecimal color #ed502a

This text has a font color of #ed502a.

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

#ed502a background color

This paragraph has a background color of #ed502a.

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

#ed502a border color

This element has a border color of #ed502a.

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

CSS codes

.text {color:#ed502a;}

.background {background-color:#ed502a;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#160602
```
#160602 rgb(22,6,2)
```
#280b03
```
#280b03 rgb(40,11,3)
```
#3a0f05
```
#3a0f05 rgb(58,15,5)
```
#4c1406
```
#4c1406 rgb(76,20,6)
```
#5e1908
```
#5e1908 rgb(94,25,8)
```
#711e0a
```
#711e0a rgb(113,30,10)
```
#83220b
```
#83220b rgb(131,34,11)
```
#95270d
```
#95270d rgb(149,39,13)
```
#a72c0e
```
#a72c0e rgb(167,44,14)
```
#b93110
```
#b93110 rgb(185,49,16)
```
#cb3511
```
#cb3511 rgb(203,53,17)
```
#dd3a13
```
#dd3a13 rgb(221,58,19)
```

Shade Color Variation

#eb4118
```
#eb4118 rgb(235,65,24)
```
#ed502a
```
#ed502a rgb(237,80,42)
```
#ef5f3c
```
#ef5f3c rgb(239,95,60)
```
#f06e4e
```
#f06e4e rgb(240,110,78)
```
#f27d60
```
#f27d60 rgb(242,125,96)
```
#f38b72
```
#f38b72 rgb(243,139,114)
```
#f59a84
```
#f59a84 rgb(245,154,132)
```
#f6a997
```
#f6a997 rgb(246,169,151)
```
#f8b8a9
```
#f8b8a9 rgb(248,184,169)
```
#f9c7bb
```
#f9c7bb rgb(249,199,187)
```
#fbd6cd
```
#fbd6cd rgb(251,214,205)
```
#fce5df
```
#fce5df rgb(252,229,223)
```
#fef3f1
```
#fef3f1 rgb(254,243,241)
```

Tint Color Variation

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

#948683
```
#948683 rgb(148,134,131)
```
#9d817a
```
#9d817a rgb(157,129,122)
```
#a67b71
```
#a67b71 rgb(166,123,113)
```
#af7668
```
#af7668 rgb(175,118,104)
```
#b8715f
```
#b8715f rgb(184,113,95)
```
#c16b56
```
#c16b56 rgb(193,107,86)
```
#c9664e
```
#c9664e rgb(201,102,78)
```
#d26045
```
#d26045 rgb(210,96,69)
```
#db5b3c
```
#db5b3c rgb(219,91,60)
```
#e45533
```
#e45533 rgb(228,85,51)
```
#ed502a
```
#ed502a rgb(237,80,42)
```
#f64b21
```
#f64b21 rgb(246,75,33)
```
#ff4518
```
#ff4518 rgb(255,69,24)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#92726b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8c42 Protanopia 1% of men
#af8525 Deuteranopia 1% of men
#ef5459 Tritanopia 0.001% of the population

Trichromacy

#b97639 Protanomaly 1% of men, 0.01% of women
#c57226 Deuteranomaly 6% of men, 0.4% of women
#ee5347 Tritanomaly 0.01% of the population

#ed502a hex color

#ed502a Color Information

#ed502a Color Conversion

Color Schemes with #ed502a

Alternatives to #ed502a

#ed502a Preview

Shades and Tints of #ed502a

Tones of #ed502a

Color Blindness Simulator