#ed3d1f hex color

In a RGB color space, hex #ed3d1f is composed of 92.9% red, 23.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 86.9% yellow and 7.1% black. It has a hue angle of 8.7 degrees, a saturation of 85.1% and a lightness of 52.5%. #ed3d1f color hex could be obtained by blending #ff7a3e with #db0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 93
- G 24
- B 12
RGB color chart
- C 0
- M 74
- Y 87
- K 7
CMYK color chart

● #ed3d1f color description : Vivid red.

The hexadecimal color #ed3d1f has RGB values of R:237, G:61, B:31 and CMYK values of C:0, M:0.74, Y:0.87, K:0.07. Its decimal value is 15547679.

Hex triplet	ed3d1f	`#ed3d1f`
RGB Decimal	237, 61, 31	`rgb(237,61,31)`
RGB Percent	92.9, 23.9, 12.2	`rgb(92.9%,23.9%,12.2%)`
CMYK	0, 74, 87, 7
HSL	8.7°, 85.1, 52.5	`hsl(8.7,85.1%,52.5%)`
HSV (or HSB)	8.7°, 86.9, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.434, 65.283, 56.147
XYZ	36.843, 21.445, 3.496
xyY	0.596, 0.347, 21.445
CIE-LCH	53.434, 86.107, 40.698
CIE-LUV	53.434, 139.99, 38.001
Hunter-Lab	46.309, 60.971, 27.941
Binary	11101101, 00111101, 00011111

#ed3d1f
```
#ed3d1f rgb(237,61,31)
```
#1fcfed
```
#1fcfed rgb(31,207,237)
```

Complementary Color

#ed1f68
```
#ed1f68 rgb(237,31,104)
```
#ed3d1f
```
#ed3d1f rgb(237,61,31)
```
#eda41f
```
#eda41f rgb(237,164,31)
```

Analogous Color

#1f68ed
```
#1f68ed rgb(31,104,237)
```
#ed3d1f
```
#ed3d1f rgb(237,61,31)
```
#1feda4
```
#1feda4 rgb(31,237,164)
```

Split Complementary Color

#3d1fed
```
#3d1fed rgb(61,31,237)
```
#ed3d1f
```
#ed3d1f rgb(237,61,31)
```
#1fed3d
```
#1fed3d rgb(31,237,61)
```

Triadic Color

#ed1fcf
```
#ed1fcf rgb(237,31,207)
```
#ed3d1f
```
#ed3d1f rgb(237,61,31)
```
#1fed3d
```
#1fed3d rgb(31,237,61)
```
#1fcfed
```
#1fcfed rgb(31,207,237)
```

Tetradic Color

#b1260e
```
#b1260e rgb(177,38,14)
```
#c92b10
```
#c92b10 rgb(201,43,16)
```
#e03012
```
#e03012 rgb(224,48,18)
```
#ed3d1f
```
#ed3d1f rgb(237,61,31)
```
#ef5137
```
#ef5137 rgb(239,81,55)
```
#f1664e
```
#f1664e rgb(241,102,78)
```
#f37a66
```
#f37a66 rgb(243,122,102)
```

Monochromatic Color

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

#ed1f35
```
#ed1f35 rgb(237,31,53)
```
#ed1f23
```
#ed1f23 rgb(237,31,35)
```
#ed2c1f
```
#ed2c1f rgb(237,44,31)
```
#ed3d1f
```
#ed3d1f rgb(237,61,31)
```
#ed4e1f
```
#ed4e1f rgb(237,78,31)
```
#ed5f1f
```
#ed5f1f rgb(237,95,31)
```
#ed711f
```
#ed711f rgb(237,113,31)
```

Similar Colors

Text with hexadecimal color #ed3d1f

This text has a font color of #ed3d1f.

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

#ed3d1f background color

This paragraph has a background color of #ed3d1f.

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

#ed3d1f border color

This element has a border color of #ed3d1f.

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

CSS codes

.text {color:#ed3d1f;}

.background {background-color:#ed3d1f;}

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

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, #0c0301 is the darkest color, while #fffaf9 is the lightest one.

#0c0301
```
#0c0301 rgb(12,3,1)
```
#1e0602
```
#1e0602 rgb(30,6,2)
```
#300a04
```
#300a04 rgb(48,10,4)
```
#430e05
```
#430e05 rgb(67,14,5)
```
#551207
```
#551207 rgb(85,18,7)
```
#671608
```
#671608 rgb(103,22,8)
```
#791a0a
```
#791a0a rgb(121,26,10)
```
#8b1e0b
```
#8b1e0b rgb(139,30,11)
```
#9d220d
```
#9d220d rgb(157,34,13)
```
#af260e
```
#af260e rgb(175,38,14)
```
#c22910
```
#c22910 rgb(194,41,16)
```
#d42d11
```
#d42d11 rgb(212,45,17)
```
#e63112
```
#e63112 rgb(230,49,18)
```

Shade Color Variation

#ed3d1f
```
#ed3d1f rgb(237,61,31)
```
#ee4d31
```
#ee4d31 rgb(238,77,49)
```
#f05c43
```
#f05c43 rgb(240,92,67)
```
#f16c55
```
#f16c55 rgb(241,108,85)
```
#f37c68
```
#f37c68 rgb(243,124,104)
```
#f48c7a
```
#f48c7a rgb(244,140,122)
```
#f69b8c
```
#f69b8c rgb(246,155,140)
```
#f7ab9e
```
#f7ab9e rgb(247,171,158)
```
#f9bbb0
```
#f9bbb0 rgb(249,187,176)
```
#facbc2
```
#facbc2 rgb(250,203,194)
```
#fcdad5
```
#fcdad5 rgb(252,218,213)
```
#fdeae7
```
#fdeae7 rgb(253,234,231)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#878685
```
#878685 rgb(135,134,133)
```
#907f7c
```
#907f7c rgb(144,127,124)
```
#997873
```
#997873 rgb(153,120,115)
```
#a37269
```
#a37269 rgb(163,114,105)
```
#ac6b60
```
#ac6b60 rgb(172,107,96)
```
#b56557
```
#b56557 rgb(181,101,87)
```
#be5e4e
```
#be5e4e rgb(190,94,78)
```
#c85744
```
#c85744 rgb(200,87,68)
```
#d1513b
```
#d1513b rgb(209,81,59)
```
#da4a32
```
#da4a32 rgb(218,74,50)
```
#e44428
```
#e44428 rgb(228,68,40)
```
#ed3d1f
```
#ed3d1f rgb(237,61,31)
```
#f63616
```
#f63616 rgb(246,54,22)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#87645e Atypical Achromatopsia 0.001% of the population

Dichromacy

#948639 Protanopia 1% of men
#a87f0a Deuteranopia 1% of men
#ee4346 Tritanopia 0.001% of the population

Trichromacy

#b46b30 Protanomaly 1% of men, 0.01% of women
#c16712 Deuteranomaly 6% of men, 0.4% of women
#ee4137 Tritanomaly 0.01% of the population

#ed3d1f hex color

#ed3d1f Color Information

#ed3d1f Color Conversion

Color Schemes with #ed3d1f

Alternatives to #ed3d1f

#ed3d1f Preview

Shades and Tints of #ed3d1f

Tones of #ed3d1f

Color Blindness Simulator