colorhexa.com

#ed5101 hex color

In a RGB color space, hex #ed5101 is composed of 92.9% red, 31.8% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.8% magenta, 99.6% yellow and 7.1% black. It has a hue angle of 20.3 degrees, a saturation of 99.2% and a lightness of 46.7%. #ed5101 color hex could be obtained by blending #ffa202 with #db0000. Closest websafe color is: #ff6600.

- R 93
- G 32
- B 0
RGB color chart
- C 0
- M 66
- Y 100
- K 7
CMYK color chart

● #ed5101 color description : Vivid orange.

The hexadecimal color #ed5101 has RGB values of R:237, G:81, B:1 and CMYK values of C:0, M:0.66, Y:1, K:0.07. Its decimal value is 15552769.

Hex triplet	ed5101	`#ed5101`
RGB Decimal	237, 81, 1	`rgb(237,81,1)`
RGB Percent	92.9, 31.8, 0.4	`rgb(92.9%,31.8%,0.4%)`
CMYK	0, 66, 100, 7
HSL	20.3°, 99.2, 46.7	`hsl(20.3,99.2%,46.7%)`
HSV (or HSB)	20.3°, 99.6, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	55.983, 57.664, 66.173
XYZ	37.875, 23.896, 2.647
xyY	0.588, 0.371, 23.896
CIE-LCH	55.983, 87.772, 48.931
CIE-LUV	55.983, 128.761, 46.334
Hunter-Lab	48.884, 52.755, 31.008
Binary	11101101, 01010001, 00000001

#ed5101
```
#ed5101 rgb(237,81,1)
```
#019ded
```
#019ded rgb(1,157,237)
```

Complementary Color

#ed0127
```
#ed0127 rgb(237,1,39)
```
#ed5101
```
#ed5101 rgb(237,81,1)
```
#edc701
```
#edc701 rgb(237,199,1)
```

Analogous Color

#0127ed
```
#0127ed rgb(1,39,237)
```
#ed5101
```
#ed5101 rgb(237,81,1)
```
#01edc7
```
#01edc7 rgb(1,237,199)
```

Split Complementary Color

#a13701
```
#a13701 rgb(161,55,1)
```
#ba4001
```
#ba4001 rgb(186,64,1)
```
#d44801
```
#d44801 rgb(212,72,1)
```
#ed5101
```
#ed5101 rgb(237,81,1)
```
#fe5c0a
```
#fe5c0a rgb(254,92,10)
```
#fe6d23
```
#fe6d23 rgb(254,109,35)
```
#fe7e3c
```
#fe7e3c rgb(254,126,60)
```

Monochromatic Color

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

#ed1601
```
#ed1601 rgb(237,22,1)
```
#ed2a01
```
#ed2a01 rgb(237,42,1)
```
#ed3d01
```
#ed3d01 rgb(237,61,1)
```
#ed5101
```
#ed5101 rgb(237,81,1)
```
#ed6501
```
#ed6501 rgb(237,101,1)
```
#ed7801
```
#ed7801 rgb(237,120,1)
```
#ed8c01
```
#ed8c01 rgb(237,140,1)
```

Similar Colors

Text with hexadecimal color #ed5101

This text has a font color of #ed5101.

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

#ed5101 background color

This paragraph has a background color of #ed5101.

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

#ed5101 border color

This element has a border color of #ed5101.

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

CSS codes

.text {color:#ed5101;}

.background {background-color:#ed5101;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160800
```
#160800 rgb(22,8,0)
```
#2a0e00
```
#2a0e00 rgb(42,14,0)
```
#3d1500
```
#3d1500 rgb(61,21,0)
```
#511c00
```
#511c00 rgb(81,28,0)
```
#642200
```
#642200 rgb(100,34,0)
```
#782901
```
#782901 rgb(120,41,1)
```
#8b3001
```
#8b3001 rgb(139,48,1)
```
#9f3601
```
#9f3601 rgb(159,54,1)
```
#b23d01
```
#b23d01 rgb(178,61,1)
```
#c64401
```
#c64401 rgb(198,68,1)
```
#d94a01
```
#d94a01 rgb(217,74,1)
```
#ed5101
```
#ed5101 rgb(237,81,1)
```

Shade Color Variation

#fe5904
```
#fe5904 rgb(254,89,4)
```
#fe6517
```
#fe6517 rgb(254,101,23)
```
#fe722b
```
#fe722b rgb(254,114,43)
```
#fe7f3e
```
#fe7f3e rgb(254,127,62)
```
#fe8c52
```
#fe8c52 rgb(254,140,82)
```
#fe9965
```
#fe9965 rgb(254,153,101)
```
#fea679
```
#fea679 rgb(254,166,121)
```
#ffb38c
```
#ffb38c rgb(255,179,140)
```
#ffc0a0
```
#ffc0a0 rgb(255,192,160)
```
#ffcdb3
```
#ffcdb3 rgb(255,205,179)
```
#ffdac7
```
#ffdac7 rgb(255,218,199)
```
#ffe7db
```
#ffe7db rgb(255,231,219)
```
#fff4ee
```
#fff4ee rgb(255,244,238)
```

Tint Color Variation

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

#7f746f
```
#7f746f rgb(127,116,111)
```
#887166
```
#887166 rgb(136,113,102)
```
#916e5d
```
#916e5d rgb(145,110,93)
```
#9b6c53
```
#9b6c53 rgb(155,108,83)
```
#a4694a
```
#a4694a rgb(164,105,74)
```
#ad6641
```
#ad6641 rgb(173,102,65)
```
#b66338
```
#b66338 rgb(182,99,56)
```
#bf602f
```
#bf602f rgb(191,96,47)
```
#c85d26
```
#c85d26 rgb(200,93,38)
```
#d25a1c
```
#d25a1c rgb(210,90,28)
```
#db5713
```
#db5713 rgb(219,87,19)
```
#e4540a
```
#e4540a rgb(228,84,10)
```
#ed5101
```
#ed5101 rgb(237,81,1)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8f6f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8c1c Protanopia 1% of men
#af8500 Deuteranopia 1% of men
#ef5458 Tritanopia 0.001% of the population

Trichromacy

#ba7712 Protanomaly 1% of men, 0.01% of women
#c57200 Deuteranomaly 6% of men, 0.4% of women
#ee5338 Tritanomaly 0.01% of the population