#ed901f hex color

In a RGB color space, hex #ed901f is composed of 92.9% red, 56.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.2% magenta, 86.9% yellow and 7.1% black. It has a hue angle of 32.9 degrees, a saturation of 85.1% and a lightness of 52.5%. #ed901f color hex could be obtained by blending #ffff3e with #db2100. Closest websafe color is: #ff9933.

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

● #ed901f color description : Vivid orange.

The hexadecimal color #ed901f has RGB values of R:237, G:144, B:31 and CMYK values of C:0, M:0.39, Y:0.87, K:0.07. Its decimal value is 15568927.

Hex triplet	ed901f	`#ed901f`
RGB Decimal	237, 144, 31	`rgb(237,144,31)`
RGB Percent	92.9, 56.5, 12.2	`rgb(92.9%,56.5%,12.2%)`
CMYK	0, 39, 87, 7
HSL	32.9°, 85.1, 52.5	`hsl(32.9,85.1%,52.5%)`
HSV (or HSB)	32.9°, 86.9, 92.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	68.06, 27.794, 67.724
XYZ	45.147, 38.054, 6.264
xyY	0.505, 0.425, 38.054
CIE-LCH	68.06, 73.206, 67.687
CIE-LUV	68.06, 76.681, 63.018
Hunter-Lab	61.688, 22.685, 37.161
Binary	11101101, 10010000, 00011111

#ed901f
```
#ed901f rgb(237,144,31)
```
#1f7ced
```
#1f7ced rgb(31,124,237)
```

Complementary Color

#ed291f
```
#ed291f rgb(237,41,31)
```
#ed901f
```
#ed901f rgb(237,144,31)
```
#e3ed1f
```
#e3ed1f rgb(227,237,31)
```

Analogous Color

#291fed
```
#291fed rgb(41,31,237)
```
#ed901f
```
#ed901f rgb(237,144,31)
```
#1fe3ed
```
#1fe3ed rgb(31,227,237)
```

Split Complementary Color

#901fed
```
#901fed rgb(144,31,237)
```
#ed901f
```
#ed901f rgb(237,144,31)
```
#1fed90
```
#1fed90 rgb(31,237,144)
```

Triadic Color

#ed1f7c
```
#ed1f7c rgb(237,31,124)
```
#ed901f
```
#ed901f rgb(237,144,31)
```
#1fed90
```
#1fed90 rgb(31,237,144)
```
#1f7ced
```
#1f7ced rgb(31,124,237)
```

Tetradic Color

#b1680e
```
#b1680e rgb(177,104,14)
```
#c97510
```
#c97510 rgb(201,117,16)
```
#e08312
```
#e08312 rgb(224,131,18)
```
#ed901f
```
#ed901f rgb(237,144,31)
```
#ef9c37
```
#ef9c37 rgb(239,156,55)
```
#f1a74e
```
#f1a74e rgb(241,167,78)
```
#f3b366
```
#f3b366 rgb(243,179,102)
```

Monochromatic Color

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

#ed5d1f
```
#ed5d1f rgb(237,93,31)
```
#ed6e1f
```
#ed6e1f rgb(237,110,31)
```
#ed7f1f
```
#ed7f1f rgb(237,127,31)
```
#ed901f
```
#ed901f rgb(237,144,31)
```
#eda11f
```
#eda11f rgb(237,161,31)
```
#edb21f
```
#edb21f rgb(237,178,31)
```
#edc41f
```
#edc41f rgb(237,196,31)
```

Similar Colors

Text with hexadecimal color #ed901f

This text has a font color of #ed901f.

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

#ed901f background color

This paragraph has a background color of #ed901f.

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

#ed901f border color

This element has a border color of #ed901f.

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

CSS codes

.text {color:#ed901f;}

.background {background-color:#ed901f;}

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

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

#0c0701
```
#0c0701 rgb(12,7,1)
```
#1e1202
```
#1e1202 rgb(30,18,2)
```
#301c04
```
#301c04 rgb(48,28,4)
```
#432705
```
#432705 rgb(67,39,5)
```
#553207
```
#553207 rgb(85,50,7)
```
#673c08
```
#673c08 rgb(103,60,8)
```
#79470a
```
#79470a rgb(121,71,10)
```
#8b510b
```
#8b510b rgb(139,81,11)
```
#9d5c0d
```
#9d5c0d rgb(157,92,13)
```
#af670e
```
#af670e rgb(175,103,14)
```
#c27110
```
#c27110 rgb(194,113,16)
```
#d47c11
```
#d47c11 rgb(212,124,17)
```
#e68612
```
#e68612 rgb(230,134,18)
```

Shade Color Variation

#ed901f
```
#ed901f rgb(237,144,31)
```
#ee9931
```
#ee9931 rgb(238,153,49)
```
#f0a243
```
#f0a243 rgb(240,162,67)
```
#f1ab55
```
#f1ab55 rgb(241,171,85)
```
#f3b468
```
#f3b468 rgb(243,180,104)
```
#f4bd7a
```
#f4bd7a rgb(244,189,122)
```
#f6c68c
```
#f6c68c rgb(246,198,140)
```
#f7cf9e
```
#f7cf9e rgb(247,207,158)
```
#f9d8b0
```
#f9d8b0 rgb(249,216,176)
```
#fae1c2
```
#fae1c2 rgb(250,225,194)
```
#fcead5
```
#fcead5 rgb(252,234,213)
```
#fdf3e7
```
#fdf3e7 rgb(253,243,231)
```
#fffcf9
```
#fffcf9 rgb(255,252,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 #f69116 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#90877c
```
#90877c rgb(144,135,124)
```
#998873
```
#998873 rgb(153,136,115)
```
#a38969
```
#a38969 rgb(163,137,105)
```
#ac8a60
```
#ac8a60 rgb(172,138,96)
```
#b58b57
```
#b58b57 rgb(181,139,87)
```
#be8b4e
```
#be8b4e rgb(190,139,78)
```
#c88c44
```
#c88c44 rgb(200,140,68)
```
#d18d3b
```
#d18d3b rgb(209,141,59)
```
#da8e32
```
#da8e32 rgb(218,142,50)
```
#e48f28
```
#e48f28 rgb(228,143,40)
```
#ed901f
```
#ed901f rgb(237,144,31)
```
#f69116
```
#f69116 rgb(246,145,22)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#af9c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa30 Protanopia 1% of men
#d4a222 Deuteranopia 1% of men
#f38c95 Tritanopia 0.001% of the population

Trichromacy

#cfa129 Protanomaly 1% of men, 0.01% of women
#dd9b20 Deuteranomaly 6% of men, 0.4% of women
#f18d6a Tritanomaly 0.01% of the population

#ed901f hex color

#ed901f Color Information

#ed901f Color Conversion

Color Schemes with #ed901f

Alternatives to #ed901f

#ed901f Preview

Shades and Tints of #ed901f

Tones of #ed901f

Color Blindness Simulator