#ec961f hex color

In a RGB color space, hex #ec961f is composed of 92.5% red, 58.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.4% magenta, 86.9% yellow and 7.5% black. It has a hue angle of 34.8 degrees, a saturation of 84.4% and a lightness of 52.4%. #ec961f color hex could be obtained by blending #ffff3e with #d92d00. 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

● #ec961f color description : Vivid orange.

The hexadecimal color #ec961f has RGB values of R:236, G:150, B:31 and CMYK values of C:0, M:0.36, Y:0.87, K:0.07. Its decimal value is 15504927.

Hex triplet	ec961f	`#ec961f`
RGB Decimal	236, 150, 31	`rgb(236,150,31)`
RGB Percent	92.5, 58.8, 12.2	`rgb(92.5%,58.8%,12.2%)`
CMYK	0, 36, 87, 7
HSL	34.8°, 84.4, 52.4	`hsl(34.8,84.4%,52.4%)`
HSV (or HSB)	34.8°, 86.9, 92.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	69.29, 24.215, 68.649
XYZ	45.747, 39.748, 6.559
xyY	0.497, 0.432, 39.748
CIE-LCH	69.29, 72.795, 70.57
CIE-LUV	69.29, 70.914, 65.156
Hunter-Lab	63.046, 19.192, 37.964
Binary	11101100, 10010110, 00011111

#ec961f
```
#ec961f rgb(236,150,31)
```
#1f75ec
```
#1f75ec rgb(31,117,236)
```

Complementary Color

#ec301f
```
#ec301f rgb(236,48,31)
```
#ec961f
```
#ec961f rgb(236,150,31)
```
#dcec1f
```
#dcec1f rgb(220,236,31)
```

Analogous Color

#301fec
```
#301fec rgb(48,31,236)
```
#ec961f
```
#ec961f rgb(236,150,31)
```
#1fdcec
```
#1fdcec rgb(31,220,236)
```

Split Complementary Color

#961fec
```
#961fec rgb(150,31,236)
```
#ec961f
```
#ec961f rgb(236,150,31)
```
#1fec96
```
#1fec96 rgb(31,236,150)
```

Triadic Color

#ec1f75
```
#ec1f75 rgb(236,31,117)
```
#ec961f
```
#ec961f rgb(236,150,31)
```
#1fec96
```
#1fec96 rgb(31,236,150)
```
#1f75ec
```
#1f75ec rgb(31,117,236)
```

Tetradic Color

#b06c0f
```
#b06c0f rgb(176,108,15)
```
#c77b11
```
#c77b11 rgb(199,123,17)
```
#df8913
```
#df8913 rgb(223,137,19)
```
#ec961f
```
#ec961f rgb(236,150,31)
```
#eea137
```
#eea137 rgb(238,161,55)
```
#f0ac4e
```
#f0ac4e rgb(240,172,78)
```
#f2b766
```
#f2b766 rgb(242,183,102)
```

Monochromatic Color

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

#ec631f
```
#ec631f rgb(236,99,31)
```
#ec741f
```
#ec741f rgb(236,116,31)
```
#ec851f
```
#ec851f rgb(236,133,31)
```
#ec961f
```
#ec961f rgb(236,150,31)
```
#eca71f
```
#eca71f rgb(236,167,31)
```
#ecb81f
```
#ecb81f rgb(236,184,31)
```
#ecc91f
```
#ecc91f rgb(236,201,31)
```

Similar Colors

Text with hexadecimal color #ec961f

This text has a font color of #ec961f.

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

#ec961f background color

This paragraph has a background color of #ec961f.

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

#ec961f border color

This element has a border color of #ec961f.

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

CSS codes

.text {color:#ec961f;}

.background {background-color:#ec961f;}

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

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

#0b0701
```
#0b0701 rgb(11,7,1)
```
#1d1202
```
#1d1202 rgb(29,18,2)
```
#2f1d04
```
#2f1d04 rgb(47,29,4)
```
#412806
```
#412806 rgb(65,40,6)
```
#533307
```
#533307 rgb(83,51,7)
```
#653f09
```
#653f09 rgb(101,63,9)
```
#784a0a
```
#784a0a rgb(120,74,10)
```
#8a550c
```
#8a550c rgb(138,85,12)
```
#9c600d
```
#9c600d rgb(156,96,13)
```
#ae6b0f
```
#ae6b0f rgb(174,107,15)
```
#c07610
```
#c07610 rgb(192,118,16)
```
#d28112
```
#d28112 rgb(210,129,18)
```
#e48c13
```
#e48c13 rgb(228,140,19)
```

Shade Color Variation

#ec961f
```
#ec961f rgb(236,150,31)
```
#ee9e31
```
#ee9e31 rgb(238,158,49)
```
#efa743
```
#efa743 rgb(239,167,67)
```
#f1af55
```
#f1af55 rgb(241,175,85)
```
#f2b867
```
#f2b867 rgb(242,184,103)
```
#f4c079
```
#f4c079 rgb(244,192,121)
```
#f5c98b
```
#f5c98b rgb(245,201,139)
```
#f7d19e
```
#f7d19e rgb(247,209,158)
```
#f8dab0
```
#f8dab0 rgb(248,218,176)
```
#fae2c2
```
#fae2c2 rgb(250,226,194)
```
#fbebd4
```
#fbebd4 rgb(251,235,212)
```
#fdf3e6
```
#fdf3e6 rgb(253,243,230)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#8f877c
```
#8f877c rgb(143,135,124)
```
#988873
```
#988873 rgb(152,136,115)
```
#a18a6a
```
#a18a6a rgb(161,138,106)
```
#ab8b60
```
#ab8b60 rgb(171,139,96)
```
#b48d57
```
#b48d57 rgb(180,141,87)
```
#bd8e4e
```
#bd8e4e rgb(189,142,78)
```
#c79044
```
#c79044 rgb(199,144,68)
```
#d0913b
```
#d0913b rgb(208,145,59)
```
#d99332
```
#d99332 rgb(217,147,50)
```
#e39428
```
#e39428 rgb(227,148,40)
```
#ec961f
```
#ec961f rgb(236,150,31)
```
#f59816
```
#f59816 rgb(245,152,22)
```
#ff990c
```
#ff990c rgb(255,153,12)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b1a088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ad2f Protanopia 1% of men
#d8a523 Deuteranopia 1% of men
#f2919b Tritanopia 0.001% of the population

Trichromacy

#d1a529 Protanomaly 1% of men, 0.01% of women
#df9f22 Deuteranomaly 6% of men, 0.4% of women
#f0936e Tritanomaly 0.01% of the population

#ec961f hex color

#ec961f Color Information

#ec961f Color Conversion

Color Schemes with #ec961f

Alternatives to #ec961f

#ec961f Preview

Shades and Tints of #ec961f

Tones of #ec961f

Color Blindness Simulator