#ec950f hex color

In a RGB color space, hex #ec950f is composed of 92.5% red, 58.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 93.6% yellow and 7.5% black. It has a hue angle of 36.4 degrees, a saturation of 88% and a lightness of 49.2%. #ec950f color hex could be obtained by blending #ffff1e with #d92b00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 93
- G 58
- B 6
RGB color chart
- C 0
- M 37
- Y 94
- K 7
CMYK color chart

● #ec950f color description : Vivid orange.

The hexadecimal color #ec950f has RGB values of R:236, G:149, B:15 and CMYK values of C:0, M:0.37, Y:0.94, K:0.07. Its decimal value is 15504655.

Hex triplet	ec950f	`#ec950f`
RGB Decimal	236, 149, 15	`rgb(236,149,15)`
RGB Percent	92.5, 58.4, 5.9	`rgb(92.5%,58.4%,5.9%)`
CMYK	0, 37, 94, 7
HSL	36.4°, 88, 49.2	`hsl(36.4,88%,49.2%)`
HSV (or HSB)	36.4°, 93.6, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	69.015, 24.482, 71.946
XYZ	45.427, 39.366, 5.658
xyY	0.502, 0.435, 39.366
CIE-LCH	69.015, 75.997, 71.208
CIE-LUV	69.015, 72.203, 66.678
Hunter-Lab	62.742, 19.441, 38.573
Binary	11101100, 10010101, 00001111

#ec950f
```
#ec950f rgb(236,149,15)
```
#0f66ec
```
#0f66ec rgb(15,102,236)
```

Complementary Color

#ec270f
```
#ec270f rgb(236,39,15)
```
#ec950f
```
#ec950f rgb(236,149,15)
```
#d5ec0f
```
#d5ec0f rgb(213,236,15)
```

Analogous Color

#260fec
```
#260fec rgb(38,15,236)
```
#ec950f
```
#ec950f rgb(236,149,15)
```
#0fd5ec
```
#0fd5ec rgb(15,213,236)
```

Split Complementary Color

#950fec
```
#950fec rgb(149,15,236)
```
#ec950f
```
#ec950f rgb(236,149,15)
```
#0fec95
```
#0fec95 rgb(15,236,149)
```

Triadic Color

#ec0f66
```
#ec0f66 rgb(236,15,102)
```
#ec950f
```
#ec950f rgb(236,149,15)
```
#0fec95
```
#0fec95 rgb(15,236,149)
```
#0f66ec
```
#0f66ec rgb(15,102,236)
```

Tetradic Color

#a4680a
```
#a4680a rgb(164,104,10)
```
#bc770c
```
#bc770c rgb(188,119,12)
```
#d4860d
```
#d4860d rgb(212,134,13)
```
#ec950f
```
#ec950f rgb(236,149,15)
```
#f1a023
```
#f1a023 rgb(241,160,35)
```
#f3aa3b
```
#f3aa3b rgb(243,170,59)
```
#f4b553
```
#f4b553 rgb(244,181,83)
```

Monochromatic Color

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

#ec5e0f
```
#ec5e0f rgb(236,94,15)
```
#ec700f
```
#ec700f rgb(236,112,15)
```
#ec830f
```
#ec830f rgb(236,131,15)
```
#ec950f
```
#ec950f rgb(236,149,15)
```
#eca70f
```
#eca70f rgb(236,167,15)
```
#ecba0f
```
#ecba0f rgb(236,186,15)
```
#eccc0f
```
#eccc0f rgb(236,204,15)
```

Similar Colors

Text with hexadecimal color #ec950f

This text has a font color of #ec950f.

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

#ec950f background color

This paragraph has a background color of #ec950f.

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

#ec950f border color

This element has a border color of #ec950f.

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

CSS codes

.text {color:#ec950f;}

.background {background-color:#ec950f;}

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

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

#0f0901
```
#0f0901 rgb(15,9,1)
```
#211502
```
#211502 rgb(33,21,2)
```
#342103
```
#342103 rgb(52,33,3)
```
#462c04
```
#462c04 rgb(70,44,4)
```
#583806
```
#583806 rgb(88,56,6)
```
#6b4307
```
#6b4307 rgb(107,67,7)
```
#7d4f08
```
#7d4f08 rgb(125,79,8)
```
#905b09
```
#905b09 rgb(144,91,9)
```
#a2660a
```
#a2660a rgb(162,102,10)
```
#b5720b
```
#b5720b rgb(181,114,11)
```
#c77e0d
```
#c77e0d rgb(199,126,13)
```
#da890e
```
#da890e rgb(218,137,14)
```
#ec950f
```
#ec950f rgb(236,149,15)
```

Shade Color Variation

#f19e1e
```
#f19e1e rgb(241,158,30)
```
#f2a630
```
#f2a630 rgb(242,166,48)
```
#f3ae43
```
#f3ae43 rgb(243,174,67)
```
#f4b655
```
#f4b655 rgb(244,182,85)
```
#f5be68
```
#f5be68 rgb(245,190,104)
```
#f7c67a
```
#f7c67a rgb(247,198,122)
```
#f8ce8d
```
#f8ce8d rgb(248,206,141)
```
#f9d69f
```
#f9d69f rgb(249,214,159)
```
#faddb1
```
#faddb1 rgb(250,221,177)
```
#fbe5c4
```
#fbe5c4 rgb(251,229,196)
```
#fcedd6
```
#fcedd6 rgb(252,237,214)
```
#fef5e9
```
#fef5e9 rgb(254,245,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#827e79
```
#827e79 rgb(130,126,121)
```
#8b8070
```
#8b8070 rgb(139,128,112)
```
#958366
```
#958366 rgb(149,131,102)
```
#9f855c
```
#9f855c rgb(159,133,92)
```
#a88753
```
#a88753 rgb(168,135,83)
```
#b28949
```
#b28949 rgb(178,137,73)
```
#bc8b3f
```
#bc8b3f rgb(188,139,63)
```
#c58d36
```
#c58d36 rgb(197,141,54)
```
#cf8f2c
```
#cf8f2c rgb(207,143,44)
```
#d99122
```
#d99122 rgb(217,145,34)
```
#e29319
```
#e29319 rgb(226,147,25)
```
#ec950f
```
#ec950f rgb(236,149,15)
```
#f69705
```
#f69705 rgb(246,151,5)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#af9e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad21 Protanopia 1% of men
#d8a408 Deuteranopia 1% of men
#f2909a Tritanopia 0.001% of the population

Trichromacy

#d1a41a Protanomaly 1% of men, 0.01% of women
#df9e0a Deuteranomaly 6% of men, 0.4% of women
#f09267 Tritanomaly 0.01% of the population

#ec950f hex color

#ec950f Color Information

#ec950f Color Conversion

Color Schemes with #ec950f

Alternatives to #ec950f

#ec950f Preview

Shades and Tints of #ec950f

Tones of #ec950f

Color Blindness Simulator