#ed481f hex color

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

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

● #ed481f color description : Vivid red.

The hexadecimal color #ed481f has RGB values of R:237, G:72, B:31 and CMYK values of C:0, M:0.7, Y:0.87, K:0.07. Its decimal value is 15550495.

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

CIE-LAB	54.806, 61.493, 57.23
XYZ	37.492, 22.743, 3.712
xyY	0.586, 0.356, 22.743
CIE-LCH	54.806, 84.004, 42.943
CIE-LUV	54.806, 133.176, 40.474
Hunter-Lab	47.689, 56.874, 28.768
Binary	11101101, 01001000, 00011111

#ed481f
```
#ed481f rgb(237,72,31)
```
#1fc4ed
```
#1fc4ed rgb(31,196,237)
```

Complementary Color

#ed1f5d
```
#ed1f5d rgb(237,31,93)
```
#ed481f
```
#ed481f rgb(237,72,31)
```
#edaf1f
```
#edaf1f rgb(237,175,31)
```

Analogous Color

#1f5ded
```
#1f5ded rgb(31,93,237)
```
#ed481f
```
#ed481f rgb(237,72,31)
```
#1fedaf
```
#1fedaf rgb(31,237,175)
```

Split Complementary Color

#481fed
```
#481fed rgb(72,31,237)
```
#ed481f
```
#ed481f rgb(237,72,31)
```
#1fed48
```
#1fed48 rgb(31,237,72)
```

Triadic Color

#ed1fc4
```
#ed1fc4 rgb(237,31,196)
```
#ed481f
```
#ed481f rgb(237,72,31)
```
#1fed48
```
#1fed48 rgb(31,237,72)
```
#1fc4ed
```
#1fc4ed rgb(31,196,237)
```

Tetradic Color

#b12f0e
```
#b12f0e rgb(177,47,14)
```
#c93510
```
#c93510 rgb(201,53,16)
```
#e03b12
```
#e03b12 rgb(224,59,18)
```
#ed481f
```
#ed481f rgb(237,72,31)
```
#ef5b37
```
#ef5b37 rgb(239,91,55)
```
#f16f4e
```
#f16f4e rgb(241,111,78)
```
#f38266
```
#f38266 rgb(243,130,102)
```

Monochromatic Color

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

#ed1f2a
```
#ed1f2a rgb(237,31,42)
```
#ed261f
```
#ed261f rgb(237,38,31)
```
#ed371f
```
#ed371f rgb(237,55,31)
```
#ed481f
```
#ed481f rgb(237,72,31)
```
#ed591f
```
#ed591f rgb(237,89,31)
```
#ed6a1f
```
#ed6a1f rgb(237,106,31)
```
#ed7c1f
```
#ed7c1f rgb(237,124,31)
```

Similar Colors

Text with hexadecimal color #ed481f

This text has a font color of #ed481f.

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

#ed481f background color

This paragraph has a background color of #ed481f.

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

#ed481f border color

This element has a border color of #ed481f.

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

CSS codes

.text {color:#ed481f;}

.background {background-color:#ed481f;}

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

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)
```
#1e0802
```
#1e0802 rgb(30,8,2)
```
#300d04
```
#300d04 rgb(48,13,4)
```
#431205
```
#431205 rgb(67,18,5)
```
#551607
```
#551607 rgb(85,22,7)
```
#671b08
```
#671b08 rgb(103,27,8)
```
#79200a
```
#79200a rgb(121,32,10)
```
#8b250b
```
#8b250b rgb(139,37,11)
```
#9d290d
```
#9d290d rgb(157,41,13)
```
#af2e0e
```
#af2e0e rgb(175,46,14)
```
#c23310
```
#c23310 rgb(194,51,16)
```
#d43811
```
#d43811 rgb(212,56,17)
```
#e63d12
```
#e63d12 rgb(230,61,18)
```

Shade Color Variation

#ed481f
```
#ed481f rgb(237,72,31)
```
#ee5731
```
#ee5731 rgb(238,87,49)
```
#f06643
```
#f06643 rgb(240,102,67)
```
#f17455
```
#f17455 rgb(241,116,85)
```
#f38368
```
#f38368 rgb(243,131,104)
```
#f4927a
```
#f4927a rgb(244,146,122)
```
#f6a18c
```
#f6a18c rgb(246,161,140)
```
#f7b09e
```
#f7b09e rgb(247,176,158)
```
#f9bfb0
```
#f9bfb0 rgb(249,191,176)
```
#facdc2
```
#facdc2 rgb(250,205,194)
```
#fcdcd5
```
#fcdcd5 rgb(252,220,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 #f64216 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#90807c
```
#90807c rgb(144,128,124)
```
#997a73
```
#997a73 rgb(153,122,115)
```
#a37569
```
#a37569 rgb(163,117,105)
```
#ac6f60
```
#ac6f60 rgb(172,111,96)
```
#b56a57
```
#b56a57 rgb(181,106,87)
```
#be644e
```
#be644e rgb(190,100,78)
```
#c85e44
```
#c85e44 rgb(200,94,68)
```
#d1593b
```
#d1593b rgb(209,89,59)
```
#da5332
```
#da5332 rgb(218,83,50)
```
#e44e28
```
#e44e28 rgb(228,78,40)
```
#ed481f
```
#ed481f rgb(237,72,31)
```
#f64216
```
#f64216 rgb(246,66,22)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8d6c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988938 Protanopia 1% of men
#ac820e Deuteranopia 1% of men
#ee4d50 Tritanopia 0.001% of the population

Trichromacy

#b7712f Protanomaly 1% of men, 0.01% of women
#c36d14 Deuteranomaly 6% of men, 0.4% of women
#ee4b3e Tritanomaly 0.01% of the population

#ed481f hex color

#ed481f Color Information

#ed481f Color Conversion

Color Schemes with #ed481f

Alternatives to #ed481f

#ed481f Preview

Shades and Tints of #ed481f

Tones of #ed481f

Color Blindness Simulator