#ec970e hex color

In a RGB color space, hex #ec970e is composed of 92.5% red, 59.2% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 94.1% yellow and 7.5% black. It has a hue angle of 37 degrees, a saturation of 88.8% and a lightness of 49%. #ec970e color hex could be obtained by blending #ffff1c with #d92f00. Closest websafe color is: #ff9900.

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

● #ec970e color description : Vivid orange.

The hexadecimal color #ec970e has RGB values of R:236, G:151, B:14 and CMYK values of C:0, M:0.36, Y:0.94, K:0.07. Its decimal value is 15505166.

Hex triplet	ec970e	`#ec970e`
RGB Decimal	236, 151, 14	`rgb(236,151,14)`
RGB Percent	92.5, 59.2, 5.5	`rgb(92.5%,59.2%,5.5%)`
CMYK	0, 36, 94, 7
HSL	37°, 88.8, 49	`hsl(37,88.8%,49%)`
HSV (or HSB)	37°, 94.1, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	69.47, 23.414, 72.425
XYZ	45.739, 40.001, 5.728
xyY	0.5, 0.437, 40.001
CIE-LCH	69.47, 76.115, 72.085
CIE-LUV	69.47, 70.568, 67.477
Hunter-Lab	63.246, 18.408, 38.903
Binary	11101100, 10010111, 00001110

#ec970e
```
#ec970e rgb(236,151,14)
```
#0e63ec
```
#0e63ec rgb(14,99,236)
```

Complementary Color

#ec280e
```
#ec280e rgb(236,40,14)
```
#ec970e
```
#ec970e rgb(236,151,14)
```
#d2ec0e
```
#d2ec0e rgb(210,236,14)
```

Analogous Color

#280eec
```
#280eec rgb(40,14,236)
```
#ec970e
```
#ec970e rgb(236,151,14)
```
#0ed2ec
```
#0ed2ec rgb(14,210,236)
```

Split Complementary Color

#970eec
```
#970eec rgb(151,14,236)
```
#ec970e
```
#ec970e rgb(236,151,14)
```
#0eec97
```
#0eec97 rgb(14,236,151)
```

Triadic Color

#ec0e63
```
#ec0e63 rgb(236,14,99)
```
#ec970e
```
#ec970e rgb(236,151,14)
```
#0eec97
```
#0eec97 rgb(14,236,151)
```
#0e63ec
```
#0e63ec rgb(14,99,236)
```

Tetradic Color

#a4690a
```
#a4690a rgb(164,105,10)
```
#bc780b
```
#bc780b rgb(188,120,11)
```
#d4880d
```
#d4880d rgb(212,136,13)
```
#ec970e
```
#ec970e rgb(236,151,14)
```
#f2a222
```
#f2a222 rgb(242,162,34)
```
#f3ac3a
```
#f3ac3a rgb(243,172,58)
```
#f5b652
```
#f5b652 rgb(245,182,82)
```

Monochromatic Color

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

#ec600e
```
#ec600e rgb(236,96,14)
```
#ec720e
```
#ec720e rgb(236,114,14)
```
#ec850e
```
#ec850e rgb(236,133,14)
```
#ec970e
```
#ec970e rgb(236,151,14)
```
#ecaa0e
```
#ecaa0e rgb(236,170,14)
```
#ecbc0e
```
#ecbc0e rgb(236,188,14)
```
#eccf0e
```
#eccf0e rgb(236,207,14)
```

Similar Colors

Text with hexadecimal color #ec970e

This text has a font color of #ec970e.

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

#ec970e background color

This paragraph has a background color of #ec970e.

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

#ec970e border color

This element has a border color of #ec970e.

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

CSS codes

.text {color:#ec970e;}

.background {background-color:#ec970e;}

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

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

#0e0901
```
#0e0901 rgb(14,9,1)
```
#201502
```
#201502 rgb(32,21,2)
```
#332103
```
#332103 rgb(51,33,3)
```
#452c04
```
#452c04 rgb(69,44,4)
```
#583805
```
#583805 rgb(88,56,5)
```
#6a4406
```
#6a4406 rgb(106,68,6)
```
#7d5007
```
#7d5007 rgb(125,80,7)
```
#8f5c09
```
#8f5c09 rgb(143,92,9)
```
#a2680a
```
#a2680a rgb(162,104,10)
```
#b4730b
```
#b4730b rgb(180,115,11)
```
#c77f0c
```
#c77f0c rgb(199,127,12)
```
#d98b0d
```
#d98b0d rgb(217,139,13)
```
#ec970e
```
#ec970e rgb(236,151,14)
```

Shade Color Variation

#f2a01c
```
#f2a01c rgb(242,160,28)
```
#f3a82f
```
#f3a82f rgb(243,168,47)
```
#f4af41
```
#f4af41 rgb(244,175,65)
```
#f5b754
```
#f5b754 rgb(245,183,84)
```
#f6bf66
```
#f6bf66 rgb(246,191,102)
```
#f7c779
```
#f7c779 rgb(247,199,121)
```
#f8ce8b
```
#f8ce8b rgb(248,206,139)
```
#f9d69e
```
#f9d69e rgb(249,214,158)
```
#fadeb0
```
#fadeb0 rgb(250,222,176)
```
#fbe6c3
```
#fbe6c3 rgb(251,230,195)
```
#fdedd5
```
#fdedd5 rgb(253,237,213)
```
#fef5e8
```
#fef5e8 rgb(254,245,232)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#827e78
```
#827e78 rgb(130,126,120)
```
#8c806e
```
#8c806e rgb(140,128,110)
```
#958365
```
#958365 rgb(149,131,101)
```
#9f855b
```
#9f855b rgb(159,133,91)
```
#a98751
```
#a98751 rgb(169,135,81)
```
#b28948
```
#b28948 rgb(178,137,72)
```
#bc8c3e
```
#bc8c3e rgb(188,140,62)
```
#c68e34
```
#c68e34 rgb(198,142,52)
```
#cf902b
```
#cf902b rgb(207,144,43)
```
#d99221
```
#d99221 rgb(217,146,33)
```
#e29518
```
#e29518 rgb(226,149,24)
```
#ec970e
```
#ec970e rgb(236,151,14)
```
#f69904
```
#f69904 rgb(246,153,4)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#b09f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae20 Protanopia 1% of men
#d9a507 Deuteranopia 1% of men
#f3929b Tritanopia 0.001% of the population

Trichromacy

#d2a519 Protanomaly 1% of men, 0.01% of women
#e0a009 Deuteranomaly 6% of men, 0.4% of women
#f09368 Tritanomaly 0.01% of the population

#ec970e hex color

#ec970e Color Information

#ec970e Color Conversion

Color Schemes with #ec970e

Alternatives to #ec970e

#ec970e Preview

Shades and Tints of #ec970e

Tones of #ec970e

Color Blindness Simulator