#ed322f hex color

In a RGB color space, hex #ed322f is composed of 92.9% red, 19.6% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.9% magenta, 80.2% yellow and 7.1% black. It has a hue angle of 0.9 degrees, a saturation of 84.1% and a lightness of 55.7%. #ed322f color hex could be obtained by blending #ff645e with #db0000. Closest websafe color is: #ff3333.

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

● #ed322f color description : Bright red.

The hexadecimal color #ed322f has RGB values of R:237, G:50, B:47 and CMYK values of C:0, M:0.79, Y:0.8, K:0.07. Its decimal value is 15544879.

Hex triplet	ed322f	`#ed322f`
RGB Decimal	237, 50, 47	`rgb(237,50,47)`
RGB Percent	92.9, 19.6, 18.4	`rgb(92.9%,19.6%,18.4%)`
CMYK	0, 79, 80, 7
HSL	0.9°, 84.1, 55.7	`hsl(0.9,84.1%,55.7%)`
HSV (or HSB)	0.9°, 80.2, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.393, 68.901, 47.666
XYZ	36.581, 20.496, 4.719
xyY	0.592, 0.332, 20.496
CIE-LCH	52.393, 83.782, 34.676
CIE-LUV	52.393, 143.501, 31.786
Hunter-Lab	45.272, 65.005, 25.51
Binary	11101101, 00110010, 00101111

#ed322f
```
#ed322f rgb(237,50,47)
```
#2feaed
```
#2feaed rgb(47,234,237)
```

Complementary Color

#ed2f8b
```
#ed2f8b rgb(237,47,139)
```
#ed322f
```
#ed322f rgb(237,50,47)
```
#ed912f
```
#ed912f rgb(237,145,47)
```

Analogous Color

#2f8bed
```
#2f8bed rgb(47,139,237)
```
#ed322f
```
#ed322f rgb(237,50,47)
```
#2fed91
```
#2fed91 rgb(47,237,145)
```

Split Complementary Color

#322fed
```
#322fed rgb(50,47,237)
```
#ed322f
```
#ed322f rgb(237,50,47)
```
#2fed32
```
#2fed32 rgb(47,237,50)
```

Triadic Color

#ed2fea
```
#ed2fea rgb(237,47,234)
```
#ed322f
```
#ed322f rgb(237,50,47)
```
#2fed32
```
#2fed32 rgb(47,237,50)
```
#2feaed
```
#2feaed rgb(47,234,237)
```

Tetradic Color

#bf1311
```
#bf1311 rgb(191,19,17)
```
#d61613
```
#d61613 rgb(214,22,19)
```
#eb1b18
```
#eb1b18 rgb(235,27,24)
```
#ed322f
```
#ed322f rgb(237,50,47)
```
#ef4946
```
#ef4946 rgb(239,73,70)
```
#f1605e
```
#f1605e rgb(241,96,94)
```
#f37775
```
#f37775 rgb(243,119,117)
```

Monochromatic Color

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

#ed2f5c
```
#ed2f5c rgb(237,47,92)
```
#ed2f4c
```
#ed2f4c rgb(237,47,76)
```
#ed2f3c
```
#ed2f3c rgb(237,47,60)
```
#ed322f
```
#ed322f rgb(237,50,47)
```
#ed422f
```
#ed422f rgb(237,66,47)
```
#ed522f
```
#ed522f rgb(237,82,47)
```
#ed622f
```
#ed622f rgb(237,98,47)
```

Similar Colors

Text with hexadecimal color #ed322f

This text has a font color of #ed322f.

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

#ed322f background color

This paragraph has a background color of #ed322f.

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

#ed322f border color

This element has a border color of #ed322f.

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

CSS codes

.text {color:#ed322f;}

.background {background-color:#ed322f;}

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

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

#090101
```
#090101 rgb(9,1,1)
```
#1b0302
```
#1b0302 rgb(27,3,2)
```
#2d0504
```
#2d0504 rgb(45,5,4)
```
#3f0605
```
#3f0605 rgb(63,6,5)
```
#510807
```
#510807 rgb(81,8,7)
```
#630a09
```
#630a09 rgb(99,10,9)
```
#750c0a
```
#750c0a rgb(117,12,10)
```
#870e0c
```
#870e0c rgb(135,14,12)
```
#990f0d
```
#990f0d rgb(153,15,13)
```
#ab110f
```
#ab110f rgb(171,17,15)
```
#bd1310
```
#bd1310 rgb(189,19,16)
```
#cf1512
```
#cf1512 rgb(207,21,18)
```
#e11713
```
#e11713 rgb(225,23,19)
```

Shade Color Variation

#eb201d
```
#eb201d rgb(235,32,29)
```
#ed322f
```
#ed322f rgb(237,50,47)
```
#ef4441
```
#ef4441 rgb(239,68,65)
```
#f05653
```
#f05653 rgb(240,86,83)
```
#f26765
```
#f26765 rgb(242,103,101)
```
#f37977
```
#f37977 rgb(243,121,119)
```
#f58b89
```
#f58b89 rgb(245,139,137)
```
#f69d9b
```
#f69d9b rgb(246,157,155)
```
#f8afad
```
#f8afad rgb(248,175,173)
```
#f9c0bf
```
#f9c0bf rgb(249,192,191)
```
#fbd2d1
```
#fbd2d1 rgb(251,210,209)
```
#fde4e4
```
#fde4e4 rgb(253,228,228)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#968686
```
#968686 rgb(150,134,134)
```
#9f7e7d
```
#9f7e7d rgb(159,126,125)
```
#a77575
```
#a77575 rgb(167,117,117)
```
#b06d6c
```
#b06d6c rgb(176,109,108)
```
#b96563
```
#b96563 rgb(185,101,99)
```
#c25c5a
```
#c25c5a rgb(194,92,90)
```
#ca5452
```
#ca5452 rgb(202,84,82)
```
#d34b49
```
#d34b49 rgb(211,75,73)
```
#dc4340
```
#dc4340 rgb(220,67,64)
```
#e43a38
```
#e43a38 rgb(228,58,56)
```
#ed322f
```
#ed322f rgb(237,50,47)
```
#f62a26
```
#f62a26 rgb(246,42,38)
```
#fe211e
```
#fe211e rgb(254,33,30)
```

Tone Color Variation

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

#90834c Protanopia 1% of men
#a37d29 Deuteranopia 1% of men
#ee3c3d Tritanopia 0.001% of the population

Trichromacy

#b16641 Protanomaly 1% of men, 0.01% of women
#be622b Deuteranomaly 6% of men, 0.4% of women
#ed3838 Tritanomaly 0.01% of the population

#ed322f hex color

#ed322f Color Information

#ed322f Color Conversion

Color Schemes with #ed322f

Alternatives to #ed322f

#ed322f Preview

Shades and Tints of #ed322f

Tones of #ed322f

Color Blindness Simulator