#ed421f hex color

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

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

● #ed421f color description : Vivid red.

The hexadecimal color #ed421f has RGB values of R:237, G:66, B:31 and CMYK values of C:0, M:0.72, Y:0.87, K:0.07. Its decimal value is 15548959.

Hex triplet	ed421f	`#ed421f`
RGB Decimal	237, 66, 31	`rgb(237,66,31)`
RGB Percent	92.9, 25.9, 12.2	`rgb(92.9%,25.9%,12.2%)`
CMYK	0, 72, 87, 7
HSL	10.2°, 85.1, 52.5	`hsl(10.2,85.1%,52.5%)`
HSV (or HSB)	10.2°, 86.9, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.032, 63.624, 56.619
XYZ	37.122, 22.004, 3.589
xyY	0.592, 0.351, 22.004
CIE-LCH	54.032, 85.169, 41.666
CIE-LUV	54.032, 136.997, 39.082
Hunter-Lab	46.909, 59.17, 28.3
Binary	11101101, 01000010, 00011111

#ed421f
```
#ed421f rgb(237,66,31)
```
#1fcaed
```
#1fcaed rgb(31,202,237)
```

Complementary Color

#ed1f63
```
#ed1f63 rgb(237,31,99)
```
#ed421f
```
#ed421f rgb(237,66,31)
```
#eda91f
```
#eda91f rgb(237,169,31)
```

Analogous Color

#1f63ed
```
#1f63ed rgb(31,99,237)
```
#ed421f
```
#ed421f rgb(237,66,31)
```
#1feda9
```
#1feda9 rgb(31,237,169)
```

Split Complementary Color

#421fed
```
#421fed rgb(66,31,237)
```
#ed421f
```
#ed421f rgb(237,66,31)
```
#1fed42
```
#1fed42 rgb(31,237,66)
```

Triadic Color

#ed1fca
```
#ed1fca rgb(237,31,202)
```
#ed421f
```
#ed421f rgb(237,66,31)
```
#1fed42
```
#1fed42 rgb(31,237,66)
```
#1fcaed
```
#1fcaed rgb(31,202,237)
```

Tetradic Color

#b12a0e
```
#b12a0e rgb(177,42,14)
```
#c93010
```
#c93010 rgb(201,48,16)
```
#e03512
```
#e03512 rgb(224,53,18)
```
#ed421f
```
#ed421f rgb(237,66,31)
```
#ef5637
```
#ef5637 rgb(239,86,55)
```
#f16a4e
```
#f16a4e rgb(241,106,78)
```
#f37e66
```
#f37e66 rgb(243,126,102)
```

Monochromatic Color

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

#ed1f30
```
#ed1f30 rgb(237,31,48)
```
#ed201f
```
#ed201f rgb(237,32,31)
```
#ed311f
```
#ed311f rgb(237,49,31)
```
#ed421f
```
#ed421f rgb(237,66,31)
```
#ed531f
```
#ed531f rgb(237,83,31)
```
#ed641f
```
#ed641f rgb(237,100,31)
```
#ed761f
```
#ed761f rgb(237,118,31)
```

Similar Colors

Text with hexadecimal color #ed421f

This text has a font color of #ed421f.

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

#ed421f background color

This paragraph has a background color of #ed421f.

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

#ed421f border color

This element has a border color of #ed421f.

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

CSS codes

.text {color:#ed421f;}

.background {background-color:#ed421f;}

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

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)
```
#1e0702
```
#1e0702 rgb(30,7,2)
```
#300b04
```
#300b04 rgb(48,11,4)
```
#431005
```
#431005 rgb(67,16,5)
```
#551407
```
#551407 rgb(85,20,7)
```
#671808
```
#671808 rgb(103,24,8)
```
#791d0a
```
#791d0a rgb(121,29,10)
```
#8b210b
```
#8b210b rgb(139,33,11)
```
#9d250d
```
#9d250d rgb(157,37,13)
```
#af2a0e
```
#af2a0e rgb(175,42,14)
```
#c22e10
```
#c22e10 rgb(194,46,16)
```
#d43211
```
#d43211 rgb(212,50,17)
```
#e63612
```
#e63612 rgb(230,54,18)
```

Shade Color Variation

#ed421f
```
#ed421f rgb(237,66,31)
```
#ee5131
```
#ee5131 rgb(238,81,49)
```
#f06143
```
#f06143 rgb(240,97,67)
```
#f17055
```
#f17055 rgb(241,112,85)
```
#f37f68
```
#f37f68 rgb(243,127,104)
```
#f48f7a
```
#f48f7a rgb(244,143,122)
```
#f69e8c
```
#f69e8c rgb(246,158,140)
```
#f7ad9e
```
#f7ad9e rgb(247,173,158)
```
#f9bdb0
```
#f9bdb0 rgb(249,189,176)
```
#faccc2
```
#faccc2 rgb(250,204,194)
```
#fcdbd5
```
#fcdbd5 rgb(252,219,213)
```
#fdebe7
```
#fdebe7 rgb(253,235,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 #f63c16 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#907f7c
```
#907f7c rgb(144,127,124)
```
#997973
```
#997973 rgb(153,121,115)
```
#a37369
```
#a37369 rgb(163,115,105)
```
#ac6d60
```
#ac6d60 rgb(172,109,96)
```
#b56757
```
#b56757 rgb(181,103,87)
```
#be614e
```
#be614e rgb(190,97,78)
```
#c85b44
```
#c85b44 rgb(200,91,68)
```
#d1543b
```
#d1543b rgb(209,84,59)
```
#da4e32
```
#da4e32 rgb(218,78,50)
```
#e44828
```
#e44828 rgb(228,72,40)
```
#ed421f
```
#ed421f rgb(237,66,31)
```
#f63c16
```
#f63c16 rgb(246,60,22)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8a6861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968739 Protanopia 1% of men
#a9810c Deuteranopia 1% of men
#ee484a Tritanopia 0.001% of the population

Trichromacy

#b66e2f Protanomaly 1% of men, 0.01% of women
#c26a13 Deuteranomaly 6% of men, 0.4% of women
#ee453a Tritanomaly 0.01% of the population

#ed421f hex color

#ed421f Color Information

#ed421f Color Conversion

Color Schemes with #ed421f

Alternatives to #ed421f

#ed421f Preview

Shades and Tints of #ed421f

Tones of #ed421f

Color Blindness Simulator