#ed301b hex color

In a RGB color space, hex #ed301b is composed of 92.9% red, 18.8% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 88.6% yellow and 7.1% black. It has a hue angle of 6 degrees, a saturation of 85.4% and a lightness of 51.8%. #ed301b color hex could be obtained by blending #ff6036 with #db0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 93
- G 19
- B 11
RGB color chart
- C 0
- M 80
- Y 89
- K 7
CMYK color chart

● #ed301b color description : Vivid red.

The hexadecimal color #ed301b has RGB values of R:237, G:48, B:27 and CMYK values of C:0, M:0.8, Y:0.89, K:0.07. Its decimal value is 15544347.

Hex triplet	ed301b	`#ed301b`
RGB Decimal	237, 48, 27	`rgb(237,48,27)`
RGB Percent	92.9, 18.8, 10.6	`rgb(92.9%,18.8%,10.6%)`
CMYK	0, 80, 89, 7
HSL	6°, 85.4, 51.8	`hsl(6,85.4%,51.8%)`
HSV (or HSB)	6°, 88.6, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.065, 68.988, 56.738
XYZ	36.182, 20.202, 3.031
xyY	0.609, 0.34, 20.202
CIE-LCH	52.065, 89.323, 39.435
CIE-LUV	52.065, 147.332, 36.327
Hunter-Lab	44.947, 65.034, 27.464
Binary	11101101, 00110000, 00011011

#ed301b
```
#ed301b rgb(237,48,27)
```
#1bd8ed
```
#1bd8ed rgb(27,216,237)
```

Complementary Color

#ed1b6f
```
#ed1b6f rgb(237,27,111)
```
#ed301b
```
#ed301b rgb(237,48,27)
```
#ed991b
```
#ed991b rgb(237,153,27)
```

Analogous Color

#1b6fed
```
#1b6fed rgb(27,111,237)
```
#ed301b
```
#ed301b rgb(237,48,27)
```
#1bed99
```
#1bed99 rgb(27,237,153)
```

Split Complementary Color

#301bed
```
#301bed rgb(48,27,237)
```
#ed301b
```
#ed301b rgb(237,48,27)
```
#1bed30
```
#1bed30 rgb(27,237,48)
```

Triadic Color

#ed1bd8
```
#ed1bd8 rgb(237,27,216)
```
#ed301b
```
#ed301b rgb(237,48,27)
```
#1bed30
```
#1bed30 rgb(27,237,48)
```
#1bd8ed
```
#1bd8ed rgb(27,216,237)
```

Tetradic Color

#ae1e0e
```
#ae1e0e rgb(174,30,14)
```
#c52210
```
#c52210 rgb(197,34,16)
```
#dd2611
```
#dd2611 rgb(221,38,17)
```
#ed301b
```
#ed301b rgb(237,48,27)
```
#ef4533
```
#ef4533 rgb(239,69,51)
```
#f15b4a
```
#f15b4a rgb(241,91,74)
```
#f37062
```
#f37062 rgb(243,112,98)
```

Monochromatic Color

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

#ed1b3b
```
#ed1b3b rgb(237,27,59)
```
#ed1b29
```
#ed1b29 rgb(237,27,41)
```
#ed1e1b
```
#ed1e1b rgb(237,30,27)
```
#ed301b
```
#ed301b rgb(237,48,27)
```
#ed411b
```
#ed411b rgb(237,65,27)
```
#ed531b
```
#ed531b rgb(237,83,27)
```
#ed651b
```
#ed651b rgb(237,101,27)
```

Similar Colors

Text with hexadecimal color #ed301b

This text has a font color of #ed301b.

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

#ed301b background color

This paragraph has a background color of #ed301b.

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

#ed301b border color

This element has a border color of #ed301b.

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

CSS codes

.text {color:#ed301b;}

.background {background-color:#ed301b;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1b0502
```
#1b0502 rgb(27,5,2)
```
#2d0804
```
#2d0804 rgb(45,8,4)
```
#3f0b05
```
#3f0b05 rgb(63,11,5)
```
#510e06
```
#510e06 rgb(81,14,6)
```
#631108
```
#631108 rgb(99,17,8)
```
#751409
```
#751409 rgb(117,20,9)
```
#88170b
```
#88170b rgb(136,23,11)
```
#9a1a0c
```
#9a1a0c rgb(154,26,12)
```
#ac1d0e
```
#ac1d0e rgb(172,29,14)
```
#be210f
```
#be210f rgb(190,33,15)
```
#d02410
```
#d02410 rgb(208,36,16)
```
#e32712
```
#e32712 rgb(227,39,18)
```

Shade Color Variation

#ed301b
```
#ed301b rgb(237,48,27)
```
#ee412d
```
#ee412d rgb(238,65,45)
```
#f0513f
```
#f0513f rgb(240,81,63)
```
#f16252
```
#f16252 rgb(241,98,82)
```
#f37264
```
#f37264 rgb(243,114,100)
```
#f48376
```
#f48376 rgb(244,131,118)
```
#f69388
```
#f69388 rgb(246,147,136)
```
#f7a49a
```
#f7a49a rgb(247,164,154)
```
#f8b4ac
```
#f8b4ac rgb(248,180,172)
```
#fac5bf
```
#fac5bf rgb(250,197,191)
```
#fbd5d1
```
#fbd5d1 rgb(251,213,209)
```
#fde6e3
```
#fde6e3 rgb(253,230,227)
```
#fef6f5
```
#fef6f5 rgb(254,246,245)
```

Tint Color Variation

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

#858383
```
#858383 rgb(133,131,131)
```
#8e7c7a
```
#8e7c7a rgb(142,124,122)
```
#987470
```
#987470 rgb(152,116,112)
```
#a16d67
```
#a16d67 rgb(161,109,103)
```
#ab655d
```
#ab655d rgb(171,101,93)
```
#b45d54
```
#b45d54 rgb(180,93,84)
```
#be564a
```
#be564a rgb(190,86,74)
```
#c74e41
```
#c74e41 rgb(199,78,65)
```
#d14737
```
#d14737 rgb(209,71,55)
```
#da3f2e
```
#da3f2e rgb(218,63,46)
```
#e43824
```
#e43824 rgb(228,56,36)
```
#ed301b
```
#ed301b rgb(237,48,27)
```
#f62812
```
#f62812 rgb(246,40,18)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#815b57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918337 Protanopia 1% of men
#a37c00 Deuteranopia 1% of men
#ee3839 Tritanopia 0.001% of the population

Trichromacy

#b2642c Protanomaly 1% of men, 0.01% of women
#be6009 Deuteranomaly 6% of men, 0.4% of women
#ed352e Tritanomaly 0.01% of the population

#ed301b hex color

#ed301b Color Information

#ed301b Color Conversion

Color Schemes with #ed301b

Alternatives to #ed301b

#ed301b Preview

Shades and Tints of #ed301b

Tones of #ed301b

Color Blindness Simulator