#ed022f hex color

In a RGB color space, hex #ed022f is composed of 92.9% red, 0.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 80.2% yellow and 7.1% black. It has a hue angle of 348.5 degrees, a saturation of 98.3% and a lightness of 46.9%. #ed022f color hex could be obtained by blending #ff045e with #db0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 93
- G 1
- B 18
RGB color chart
- C 0
- M 99
- Y 80
- K 7
CMYK color chart

● #ed022f color description : Vivid red.

The hexadecimal color #ed022f has RGB values of R:237, G:2, B:47 and CMYK values of C:0, M:0.99, Y:0.8, K:0.07. Its decimal value is 15532591.

Hex triplet	ed022f	`#ed022f`
RGB Decimal	237, 2, 47	`rgb(237,2,47)`
RGB Percent	92.9, 0.8, 18.4	`rgb(92.9%,0.8%,18.4%)`
CMYK	0, 99, 80, 7
HSL	348.5°, 98.3, 46.9	`hsl(348.5,98.3%,46.9%)`
HSV (or HSB)	348.5°, 99.2, 92.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	49.807, 76.299, 45.11
XYZ	35.462, 18.258, 4.346
xyY	0.611, 0.314, 18.258
CIE-LCH	49.807, 88.637, 30.593
CIE-LUV	49.807, 156.808, 26.802
Hunter-Lab	42.729, 73.364, 23.88
Binary	11101101, 00000010, 00101111

#ed022f
```
#ed022f rgb(237,2,47)
```
#02edc0
```
#02edc0 rgb(2,237,192)
```

Complementary Color

#ed02a5
```
#ed02a5 rgb(237,2,165)
```
#ed022f
```
#ed022f rgb(237,2,47)
```
#ed4a02
```
#ed4a02 rgb(237,74,2)
```

Analogous Color

#02a5ed
```
#02a5ed rgb(2,165,237)
```
#ed022f
```
#ed022f rgb(237,2,47)
```
#02ed4b
```
#02ed4b rgb(2,237,75)
```

Split Complementary Color

#022fed
```
#022fed rgb(2,47,237)
```
#ed022f
```
#ed022f rgb(237,2,47)
```
#2fed02
```
#2fed02 rgb(47,237,2)
```

Triadic Color

#c002ed
```
#c002ed rgb(192,2,237)
```
#ed022f
```
#ed022f rgb(237,2,47)
```
#2fed02
```
#2fed02 rgb(47,237,2)
```
#02edc0
```
#02edc0 rgb(2,237,192)
```

Tetradic Color

#a10120
```
#a10120 rgb(161,1,32)
```
#ba0225
```
#ba0225 rgb(186,2,37)
```
#d4022a
```
#d4022a rgb(212,2,42)
```
#ed022f
```
#ed022f rgb(237,2,47)
```
#fd0c3a
```
#fd0c3a rgb(253,12,58)
```
#fd254e
```
#fd254e rgb(253,37,78)
```
#fd3e63
```
#fd3e63 rgb(253,62,99)
```

Monochromatic Color

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

#ed026a
```
#ed026a rgb(237,2,106)
```
#ed0256
```
#ed0256 rgb(237,2,86)
```
#ed0243
```
#ed0243 rgb(237,2,67)
```
#ed022f
```
#ed022f rgb(237,2,47)
```
#ed021b
```
#ed021b rgb(237,2,27)
```
#ed0208
```
#ed0208 rgb(237,2,8)
```
#ed1002
```
#ed1002 rgb(237,16,2)
```

Similar Colors

Text with hexadecimal color #ed022f

This text has a font color of #ed022f.

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

#ed022f background color

This paragraph has a background color of #ed022f.

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

#ed022f border color

This element has a border color of #ed022f.

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

CSS codes

.text {color:#ed022f;}

.background {background-color:#ed022f;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#170005
```
#170005 rgb(23,0,5)
```
#2a0008
```
#2a0008 rgb(42,0,8)
```
#3e010c
```
#3e010c rgb(62,1,12)
```
#510110
```
#510110 rgb(81,1,16)
```
#650114
```
#650114 rgb(101,1,20)
```
#780118
```
#780118 rgb(120,1,24)
```
#8c011c
```
#8c011c rgb(140,1,28)
```
#9f0120
```
#9f0120 rgb(159,1,32)
```
#b30223
```
#b30223 rgb(179,2,35)
```
#c60227
```
#c60227 rgb(198,2,39)
```
#da022b
```
#da022b rgb(218,2,43)
```
#ed022f
```
#ed022f rgb(237,2,47)
```

Shade Color Variation

#fd0635
```
#fd0635 rgb(253,6,53)
```
#fd1945
```
#fd1945 rgb(253,25,69)
```
#fd2d55
```
#fd2d55 rgb(253,45,85)
```
#fd4064
```
#fd4064 rgb(253,64,100)
```
#fe5474
```
#fe5474 rgb(254,84,116)
```
#fe6784
```
#fe6784 rgb(254,103,132)
```
#fe7a94
```
#fe7a94 rgb(254,122,148)
```
#fe8ea3
```
#fe8ea3 rgb(254,142,163)
```
#fea1b3
```
#fea1b3 rgb(254,161,179)
```
#feb5c3
```
#feb5c3 rgb(254,181,195)
```
#ffc8d3
```
#ffc8d3 rgb(255,200,211)
```
#ffdce2
```
#ffdce2 rgb(255,220,226)
```
#ffeff2
```
#ffeff2 rgb(255,239,242)
```

Tint Color Variation

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

#7f7073
```
#7f7073 rgb(127,112,115)
```
#88676d
```
#88676d rgb(136,103,109)
```
#915e68
```
#915e68 rgb(145,94,104)
```
#9a5562
```
#9a5562 rgb(154,85,98)
```
#a34c5c
```
#a34c5c rgb(163,76,92)
```
#ad4257
```
#ad4257 rgb(173,66,87)
```
#b63951
```
#b63951 rgb(182,57,81)
```
#bf304b
```
#bf304b rgb(191,48,75)
```
#c82746
```
#c82746 rgb(200,39,70)
```
#d11e40
```
#d11e40 rgb(209,30,64)
```
#db143a
```
#db143a rgb(219,20,58)
```
#e40b35
```
#e40b35 rgb(228,11,53)
```
#ed022f
```
#ed022f rgb(237,2,47)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#6d3e47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887d51 Protanopia 1% of men
#9c7727 Deuteranopia 1% of men
#ed1b0f Tritanopia 0.001% of the population

Trichromacy

#ac5044 Protanomaly 1% of men, 0.01% of women
#b94c2a Deuteranomaly 6% of men, 0.4% of women
#ed121a Tritanomaly 0.01% of the population

#ed022f hex color

#ed022f Color Information

#ed022f Color Conversion

Color Schemes with #ed022f

Alternatives to #ed022f

#ed022f Preview

Shades and Tints of #ed022f

Tones of #ed022f

Color Blindness Simulator