#ed971f hex color

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

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

● #ed971f color description : Vivid orange.

The hexadecimal color #ed971f has RGB values of R:237, G:151, B:31 and CMYK values of C:0, M:0.36, Y:0.87, K:0.07. Its decimal value is 15570719.

Hex triplet	ed971f	`#ed971f`
RGB Decimal	237, 151, 31	`rgb(237,151,31)`
RGB Percent	92.9, 59.2, 12.2	`rgb(92.9%,59.2%,12.2%)`
CMYK	0, 36, 87, 7
HSL	35°, 85.1, 52.5	`hsl(35,85.1%,52.5%)`
HSV (or HSB)	35°, 86.9, 92.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	69.64, 24.107, 68.98
XYZ	46.24, 40.24, 6.628
xyY	0.497, 0.432, 40.24
CIE-LCH	69.64, 73.071, 70.736
CIE-LUV	69.64, 70.918, 65.566
Hunter-Lab	63.435, 19.104, 38.209
Binary	11101101, 10010111, 00011111

#ed971f
```
#ed971f rgb(237,151,31)
```
#1f75ed
```
#1f75ed rgb(31,117,237)
```

Complementary Color

#ed301f
```
#ed301f rgb(237,48,31)
```
#ed971f
```
#ed971f rgb(237,151,31)
```
#dced1f
```
#dced1f rgb(220,237,31)
```

Analogous Color

#301fed
```
#301fed rgb(48,31,237)
```
#ed971f
```
#ed971f rgb(237,151,31)
```
#1fdced
```
#1fdced rgb(31,220,237)
```

Split Complementary Color

#971fed
```
#971fed rgb(151,31,237)
```
#ed971f
```
#ed971f rgb(237,151,31)
```
#1fed97
```
#1fed97 rgb(31,237,151)
```

Triadic Color

#ed1f75
```
#ed1f75 rgb(237,31,117)
```
#ed971f
```
#ed971f rgb(237,151,31)
```
#1fed97
```
#1fed97 rgb(31,237,151)
```
#1f75ed
```
#1f75ed rgb(31,117,237)
```

Tetradic Color

#b16d0e
```
#b16d0e rgb(177,109,14)
```
#c97c10
```
#c97c10 rgb(201,124,16)
```
#e08a12
```
#e08a12 rgb(224,138,18)
```
#ed971f
```
#ed971f rgb(237,151,31)
```
#efa237
```
#efa237 rgb(239,162,55)
```
#f1ad4e
```
#f1ad4e rgb(241,173,78)
```
#f3b866
```
#f3b866 rgb(243,184,102)
```

Monochromatic Color

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

#ed641f
```
#ed641f rgb(237,100,31)
```
#ed751f
```
#ed751f rgb(237,117,31)
```
#ed861f
```
#ed861f rgb(237,134,31)
```
#ed971f
```
#ed971f rgb(237,151,31)
```
#eda81f
```
#eda81f rgb(237,168,31)
```
#edb91f
```
#edb91f rgb(237,185,31)
```
#edcb1f
```
#edcb1f rgb(237,203,31)
```

Similar Colors

Text with hexadecimal color #ed971f

This text has a font color of #ed971f.

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

#ed971f background color

This paragraph has a background color of #ed971f.

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

#ed971f border color

This element has a border color of #ed971f.

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

CSS codes

.text {color:#ed971f;}

.background {background-color:#ed971f;}

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

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)
```
#1e1302
```
#1e1302 rgb(30,19,2)
```
#301e04
```
#301e04 rgb(48,30,4)
```
#432905
```
#432905 rgb(67,41,5)
```
#553407
```
#553407 rgb(85,52,7)
```
#673f08
```
#673f08 rgb(103,63,8)
```
#794b0a
```
#794b0a rgb(121,75,10)
```
#8b560b
```
#8b560b rgb(139,86,11)
```
#9d610d
```
#9d610d rgb(157,97,13)
```
#af6c0e
```
#af6c0e rgb(175,108,14)
```
#c27710
```
#c27710 rgb(194,119,16)
```
#d48211
```
#d48211 rgb(212,130,17)
```
#e68e12
```
#e68e12 rgb(230,142,18)
```

Shade Color Variation

#ed971f
```
#ed971f rgb(237,151,31)
```
#ee9f31
```
#ee9f31 rgb(238,159,49)
```
#f0a843
```
#f0a843 rgb(240,168,67)
```
#f1b055
```
#f1b055 rgb(241,176,85)
```
#f3b968
```
#f3b968 rgb(243,185,104)
```
#f4c17a
```
#f4c17a rgb(244,193,122)
```
#f6ca8c
```
#f6ca8c rgb(246,202,140)
```
#f7d29e
```
#f7d29e rgb(247,210,158)
```
#f9dab0
```
#f9dab0 rgb(249,218,176)
```
#fae3c2
```
#fae3c2 rgb(250,227,194)
```
#fcebd5
```
#fcebd5 rgb(252,235,213)
```
#fdf4e7
```
#fdf4e7 rgb(253,244,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 #f69916 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#90887c
```
#90887c rgb(144,136,124)
```
#998973
```
#998973 rgb(153,137,115)
```
#a38b69
```
#a38b69 rgb(163,139,105)
```
#ac8c60
```
#ac8c60 rgb(172,140,96)
```
#b58e57
```
#b58e57 rgb(181,142,87)
```
#be8f4e
```
#be8f4e rgb(190,143,78)
```
#c89144
```
#c89144 rgb(200,145,68)
```
#d1923b
```
#d1923b rgb(209,146,59)
```
#da9432
```
#da9432 rgb(218,148,50)
```
#e49528
```
#e49528 rgb(228,149,40)
```
#ed971f
```
#ed971f rgb(237,151,31)
```
#f69916
```
#f69916 rgb(246,153,22)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b2a189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae2f Protanopia 1% of men
#d9a623 Deuteranopia 1% of men
#f3929c Tritanopia 0.001% of the population

Trichromacy

#d2a629 Protanomaly 1% of men, 0.01% of women
#e0a022 Deuteranomaly 6% of men, 0.4% of women
#f1946e Tritanomaly 0.01% of the population

#ed971f hex color

#ed971f Color Information

#ed971f Color Conversion

Color Schemes with #ed971f

Alternatives to #ed971f

#ed971f Preview

Shades and Tints of #ed971f

Tones of #ed971f

Color Blindness Simulator