#ed761f hex color

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

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

● #ed761f color description : Vivid orange.

The hexadecimal color #ed761f has RGB values of R:237, G:118, B:31 and CMYK values of C:0, M:0.5, Y:0.87, K:0.07. Its decimal value is 15562271.

Hex triplet	ed761f	`#ed761f`
RGB Decimal	237, 118, 31	`rgb(237,118,31)`
RGB Percent	92.9, 46.3, 12.2	`rgb(92.9%,46.3%,12.2%)`
CMYK	0, 50, 87, 7
HSL	25.3°, 85.1, 52.5	`hsl(25.3,85.1%,52.5%)`
HSV (or HSB)	25.3°, 86.9, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.562, 41.156, 63.363
XYZ	41.652, 31.064, 5.099
xyY	0.535, 0.399, 31.064
CIE-LCH	62.562, 75.555, 56.995
CIE-LUV	62.562, 98.23, 53.938
Hunter-Lab	55.735, 35.861, 33.591
Binary	11101101, 01110110, 00011111

#ed761f
```
#ed761f rgb(237,118,31)
```
#1f96ed
```
#1f96ed rgb(31,150,237)
```

Complementary Color

#ed1f2f
```
#ed1f2f rgb(237,31,47)
```
#ed761f
```
#ed761f rgb(237,118,31)
```
#eddd1f
```
#eddd1f rgb(237,221,31)
```

Analogous Color

#1f2fed
```
#1f2fed rgb(31,47,237)
```
#ed761f
```
#ed761f rgb(237,118,31)
```
#1feddd
```
#1feddd rgb(31,237,221)
```

Split Complementary Color

#761fed
```
#761fed rgb(118,31,237)
```
#ed761f
```
#ed761f rgb(237,118,31)
```
#1fed76
```
#1fed76 rgb(31,237,118)
```

Triadic Color

#ed1f96
```
#ed1f96 rgb(237,31,150)
```
#ed761f
```
#ed761f rgb(237,118,31)
```
#1fed76
```
#1fed76 rgb(31,237,118)
```
#1f96ed
```
#1f96ed rgb(31,150,237)
```

Tetradic Color

#b1530e
```
#b1530e rgb(177,83,14)
```
#c95e10
```
#c95e10 rgb(201,94,16)
```
#e06912
```
#e06912 rgb(224,105,18)
```
#ed761f
```
#ed761f rgb(237,118,31)
```
#ef8437
```
#ef8437 rgb(239,132,55)
```
#f1934e
```
#f1934e rgb(241,147,78)
```
#f3a166
```
#f3a166 rgb(243,161,102)
```

Monochromatic Color

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

#ed431f
```
#ed431f rgb(237,67,31)
```
#ed541f
```
#ed541f rgb(237,84,31)
```
#ed651f
```
#ed651f rgb(237,101,31)
```
#ed761f
```
#ed761f rgb(237,118,31)
```
#ed871f
```
#ed871f rgb(237,135,31)
```
#ed981f
```
#ed981f rgb(237,152,31)
```
#edaa1f
```
#edaa1f rgb(237,170,31)
```

Similar Colors

Text with hexadecimal color #ed761f

This text has a font color of #ed761f.

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

#ed761f background color

This paragraph has a background color of #ed761f.

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

#ed761f border color

This element has a border color of #ed761f.

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

CSS codes

.text {color:#ed761f;}

.background {background-color:#ed761f;}

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

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

#0c0601
```
#0c0601 rgb(12,6,1)
```
#1e0e02
```
#1e0e02 rgb(30,14,2)
```
#301704
```
#301704 rgb(48,23,4)
```
#431f05
```
#431f05 rgb(67,31,5)
```
#552807
```
#552807 rgb(85,40,7)
```
#673008
```
#673008 rgb(103,48,8)
```
#79390a
```
#79390a rgb(121,57,10)
```
#8b410b
```
#8b410b rgb(139,65,11)
```
#9d4a0d
```
#9d4a0d rgb(157,74,13)
```
#af520e
```
#af520e rgb(175,82,14)
```
#c25b10
```
#c25b10 rgb(194,91,16)
```
#d46311
```
#d46311 rgb(212,99,17)
```
#e66c12
```
#e66c12 rgb(230,108,18)
```

Shade Color Variation

#ed761f
```
#ed761f rgb(237,118,31)
```
#ee8131
```
#ee8131 rgb(238,129,49)
```
#f08c43
```
#f08c43 rgb(240,140,67)
```
#f19755
```
#f19755 rgb(241,151,85)
```
#f3a268
```
#f3a268 rgb(243,162,104)
```
#f4ae7a
```
#f4ae7a rgb(244,174,122)
```
#f6b98c
```
#f6b98c rgb(246,185,140)
```
#f7c49e
```
#f7c49e rgb(247,196,158)
```
#f9cfb0
```
#f9cfb0 rgb(249,207,176)
```
#fadac2
```
#fadac2 rgb(250,218,194)
```
#fce5d5
```
#fce5d5 rgb(252,229,213)
```
#fdf0e7
```
#fdf0e7 rgb(253,240,231)
```
#fffbf9
```
#fffbf9 rgb(255,251,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 #f67516 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#90847c
```
#90847c rgb(144,132,124)
```
#998373
```
#998373 rgb(153,131,115)
```
#a38269
```
#a38269 rgb(163,130,105)
```
#ac8060
```
#ac8060 rgb(172,128,96)
```
#b57f57
```
#b57f57 rgb(181,127,87)
```
#be7d4e
```
#be7d4e rgb(190,125,78)
```
#c87c44
```
#c87c44 rgb(200,124,68)
```
#d17a3b
```
#d17a3b rgb(209,122,59)
```
#da7932
```
#da7932 rgb(218,121,50)
```
#e47728
```
#e47728 rgb(228,119,40)
```
#ed761f
```
#ed761f rgb(237,118,31)
```
#f67516
```
#f67516 rgb(246,117,22)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a38b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c32 Protanopia 1% of men
#c3951b Deuteranopia 1% of men
#f1757c Tritanopia 0.001% of the population

Trichromacy

#c58e2b Protanomaly 1% of men, 0.01% of women
#d2891c Deuteranomaly 6% of men, 0.4% of women
#ef755a Tritanomaly 0.01% of the population

#ed761f hex color

#ed761f Color Information

#ed761f Color Conversion

Color Schemes with #ed761f

Alternatives to #ed761f

#ed761f Preview

Shades and Tints of #ed761f

Tones of #ed761f

Color Blindness Simulator