#ec7f1f hex color

In a RGB color space, hex #ec7f1f is composed of 92.5% red, 49.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.2% magenta, 86.9% yellow and 7.5% black. It has a hue angle of 28.1 degrees, a saturation of 84.4% and a lightness of 52.4%. #ec7f1f color hex could be obtained by blending #fffe3e with #d90000. Closest websafe color is: #ff6633.

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

● #ec7f1f color description : Vivid orange.

The hexadecimal color #ec7f1f has RGB values of R:236, G:127, B:31 and CMYK values of C:0, M:0.46, Y:0.87, K:0.07. Its decimal value is 15499039.

Hex triplet	ec7f1f	`#ec7f1f`
RGB Decimal	236, 127, 31	`rgb(236,127,31)`
RGB Percent	92.5, 49.8, 12.2	`rgb(92.5%,49.8%,12.2%)`
CMYK	0, 46, 87, 7
HSL	28.1°, 84.4, 52.4	`hsl(28.1,84.4%,52.4%)`
HSV (or HSB)	28.1°, 86.9, 92.5
Web Safe	ff6633	`#ff6633`

CIE-LAB	64.253, 36.214, 64.645
XYZ	42.43, 33.114, 5.454
xyY	0.524, 0.409, 33.114
CIE-LCH	64.253, 74.098, 60.742
CIE-LUV	64.253, 89.949, 56.937
Hunter-Lab	57.545, 30.911, 34.663
Binary	11101100, 01111111, 00011111

#ec7f1f
```
#ec7f1f rgb(236,127,31)
```
#1f8cec
```
#1f8cec rgb(31,140,236)
```

Complementary Color

#ec1f26
```
#ec1f26 rgb(236,31,38)
```
#ec7f1f
```
#ec7f1f rgb(236,127,31)
```
#ece61f
```
#ece61f rgb(236,230,31)
```

Analogous Color

#1f26ec
```
#1f26ec rgb(31,38,236)
```
#ec7f1f
```
#ec7f1f rgb(236,127,31)
```
#1fece6
```
#1fece6 rgb(31,236,230)
```

Split Complementary Color

#7f1fec
```
#7f1fec rgb(127,31,236)
```
#ec7f1f
```
#ec7f1f rgb(236,127,31)
```
#1fec7f
```
#1fec7f rgb(31,236,127)
```

Triadic Color

#ec1f8c
```
#ec1f8c rgb(236,31,140)
```
#ec7f1f
```
#ec7f1f rgb(236,127,31)
```
#1fec7f
```
#1fec7f rgb(31,236,127)
```
#1f8cec
```
#1f8cec rgb(31,140,236)
```

Tetradic Color

#b05a0f
```
#b05a0f rgb(176,90,15)
```
#c76611
```
#c76611 rgb(199,102,17)
```
#df7213
```
#df7213 rgb(223,114,19)
```
#ec7f1f
```
#ec7f1f rgb(236,127,31)
```
#ee8c37
```
#ee8c37 rgb(238,140,55)
```
#f09a4e
```
#f09a4e rgb(240,154,78)
```
#f2a766
```
#f2a766 rgb(242,167,102)
```

Monochromatic Color

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

#ec4c1f
```
#ec4c1f rgb(236,76,31)
```
#ec5d1f
```
#ec5d1f rgb(236,93,31)
```
#ec6e1f
```
#ec6e1f rgb(236,110,31)
```
#ec7f1f
```
#ec7f1f rgb(236,127,31)
```
#ec901f
```
#ec901f rgb(236,144,31)
```
#eca11f
```
#eca11f rgb(236,161,31)
```
#ecb21f
```
#ecb21f rgb(236,178,31)
```

Similar Colors

Text with hexadecimal color #ec7f1f

This text has a font color of #ec7f1f.

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

#ec7f1f background color

This paragraph has a background color of #ec7f1f.

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

#ec7f1f border color

This element has a border color of #ec7f1f.

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

CSS codes

.text {color:#ec7f1f;}

.background {background-color:#ec7f1f;}

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

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

#0b0601
```
#0b0601 rgb(11,6,1)
```
#1d0f02
```
#1d0f02 rgb(29,15,2)
```
#2f1804
```
#2f1804 rgb(47,24,4)
```
#412206
```
#412206 rgb(65,34,6)
```
#532b07
```
#532b07 rgb(83,43,7)
```
#653409
```
#653409 rgb(101,52,9)
```
#783d0a
```
#783d0a rgb(120,61,10)
```
#8a470c
```
#8a470c rgb(138,71,12)
```
#9c500d
```
#9c500d rgb(156,80,13)
```
#ae590f
```
#ae590f rgb(174,89,15)
```
#c06310
```
#c06310 rgb(192,99,16)
```
#d26c12
```
#d26c12 rgb(210,108,18)
```
#e47513
```
#e47513 rgb(228,117,19)
```

Shade Color Variation

#ec7f1f
```
#ec7f1f rgb(236,127,31)
```
#ee8931
```
#ee8931 rgb(238,137,49)
```
#ef9443
```
#ef9443 rgb(239,148,67)
```
#f19e55
```
#f19e55 rgb(241,158,85)
```
#f2a867
```
#f2a867 rgb(242,168,103)
```
#f4b379
```
#f4b379 rgb(244,179,121)
```
#f5bd8b
```
#f5bd8b rgb(245,189,139)
```
#f7c79e
```
#f7c79e rgb(247,199,158)
```
#f8d2b0
```
#f8d2b0 rgb(248,210,176)
```
#fadcc2
```
#fadcc2 rgb(250,220,194)
```
#fbe6d4
```
#fbe6d4 rgb(251,230,212)
```
#fdf1e6
```
#fdf1e6 rgb(253,241,230)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#8f857c
```
#8f857c rgb(143,133,124)
```
#988473
```
#988473 rgb(152,132,115)
```
#a1846a
```
#a1846a rgb(161,132,106)
```
#ab8360
```
#ab8360 rgb(171,131,96)
```
#b48357
```
#b48357 rgb(180,131,87)
```
#bd824e
```
#bd824e rgb(189,130,78)
```
#c78144
```
#c78144 rgb(199,129,68)
```
#d0813b
```
#d0813b rgb(208,129,59)
```
#d98032
```
#d98032 rgb(217,128,50)
```
#e38028
```
#e38028 rgb(227,128,40)
```
#ec7f1f
```
#ec7f1f rgb(236,127,31)
```
#f57e16
```
#f57e16 rgb(245,126,22)
```
#ff7e0c
```
#ff7e0c rgb(255,126,12)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a6917d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a131 Protanopia 1% of men
#c9991e Deuteranopia 1% of men
#f17d85 Tritanopia 0.001% of the population

Trichromacy

#c8942a Protanomaly 1% of men, 0.01% of women
#d58f1e Deuteranomaly 6% of men, 0.4% of women
#ef7d60 Tritanomaly 0.01% of the population

#ec7f1f hex color

#ec7f1f Color Information

#ec7f1f Color Conversion

Color Schemes with #ec7f1f

Alternatives to #ec7f1f

#ec7f1f Preview

Shades and Tints of #ec7f1f

Tones of #ec7f1f

Color Blindness Simulator