#ec7c00 hex color

In a RGB color space, hex #ec7c00 is composed of 92.5% red, 48.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 100% yellow and 7.5% black. It has a hue angle of 31.5 degrees, a saturation of 100% and a lightness of 46.3%. #ec7c00 color hex could be obtained by blending #fff800 with #d90000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 93
- G 49
- B 0
RGB color chart
- C 0
- M 47
- Y 100
- K 7
CMYK color chart

● #ec7c00 color description : Pure (or mostly pure) orange.

The hexadecimal color #ec7c00 has RGB values of R:236, G:124, B:0 and CMYK values of C:0, M:0.47, Y:1, K:0.07. Its decimal value is 15498240.

Hex triplet	ec7c00	`#ec7c00`
RGB Decimal	236, 124, 0	`rgb(236,124,0)`
RGB Percent	92.5, 48.6, 0	`rgb(92.5%,48.6%,0%)`
CMYK	0, 47, 100, 7
HSL	31.5°, 100, 46.3	`hsl(31.5,100%,46.3%)`
HSV (or HSB)	31.5°, 100, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	63.551, 37.346, 70.538
XYZ	41.801, 32.252, 4.024
xyY	0.535, 0.413, 32.252
CIE-LCH	63.551, 79.814, 62.101
CIE-LUV	63.551, 93.48, 59.106
Hunter-Lab	56.791, 32.002, 35.553
Binary	11101100, 01111100, 00000000

#ec7c00
```
#ec7c00 rgb(236,124,0)
```
#0070ec
```
#0070ec rgb(0,112,236)
```

Complementary Color

#ec0600
```
#ec0600 rgb(236,6,0)
```
#ec7c00
```
#ec7c00 rgb(236,124,0)
```
#e6ec00
```
#e6ec00 rgb(230,236,0)
```

Analogous Color

#0600ec
```
#0600ec rgb(6,0,236)
```
#ec7c00
```
#ec7c00 rgb(236,124,0)
```
#00e6ec
```
#00e6ec rgb(0,230,236)
```

Split Complementary Color

#7c00ec
```
#7c00ec rgb(124,0,236)
```
#ec7c00
```
#ec7c00 rgb(236,124,0)
```
#00ec7c
```
#00ec7c rgb(0,236,124)
```

Triadic Color

#ec0070
```
#ec0070 rgb(236,0,112)
```
#ec7c00
```
#ec7c00 rgb(236,124,0)
```
#00ec7c
```
#00ec7c rgb(0,236,124)
```
#0070ec
```
#0070ec rgb(0,112,236)
```

Tetradic Color

#a05400
```
#a05400 rgb(160,84,0)
```
#b96100
```
#b96100 rgb(185,97,0)
```
#d36f00
```
#d36f00 rgb(211,111,0)
```
#ec7c00
```
#ec7c00 rgb(236,124,0)
```
#ff8906
```
#ff8906 rgb(255,137,6)
```
#ff9520
```
#ff9520 rgb(255,149,32)
```
#ffa13a
```
#ffa13a rgb(255,161,58)
```

Monochromatic Color

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

#ec4100
```
#ec4100 rgb(236,65,0)
```
#ec5500
```
#ec5500 rgb(236,85,0)
```
#ec6800
```
#ec6800 rgb(236,104,0)
```
#ec7c00
```
#ec7c00 rgb(236,124,0)
```
#ec9000
```
#ec9000 rgb(236,144,0)
```
#eca300
```
#eca300 rgb(236,163,0)
```
#ecb700
```
#ecb700 rgb(236,183,0)
```

Similar Colors

Text with hexadecimal color #ec7c00

This text has a font color of #ec7c00.

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

#ec7c00 background color

This paragraph has a background color of #ec7c00.

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

#ec7c00 border color

This element has a border color of #ec7c00.

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

CSS codes

.text {color:#ec7c00;}

.background {background-color:#ec7c00;}

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

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, #010000 is the darkest color, while #fff6ec is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#140b00
```
#140b00 rgb(20,11,0)
```
#281500
```
#281500 rgb(40,21,0)
```
#3b1f00
```
#3b1f00 rgb(59,31,0)
```
#4f2a00
```
#4f2a00 rgb(79,42,0)
```
#633400
```
#633400 rgb(99,52,0)
```
#763e00
```
#763e00 rgb(118,62,0)
```
#8a4800
```
#8a4800 rgb(138,72,0)
```
#9e5300
```
#9e5300 rgb(158,83,0)
```
#b15d00
```
#b15d00 rgb(177,93,0)
```
#c56700
```
#c56700 rgb(197,103,0)
```
#d87200
```
#d87200 rgb(216,114,0)
```
#ec7c00
```
#ec7c00 rgb(236,124,0)
```

Shade Color Variation

#ff8601
```
#ff8601 rgb(255,134,1)
```
#ff9014
```
#ff9014 rgb(255,144,20)
```
#ff9928
```
#ff9928 rgb(255,153,40)
```
#ffa23b
```
#ffa23b rgb(255,162,59)
```
#ffac4f
```
#ffac4f rgb(255,172,79)
```
#ffb563
```
#ffb563 rgb(255,181,99)
```
#ffbe76
```
#ffbe76 rgb(255,190,118)
```
#ffc78a
```
#ffc78a rgb(255,199,138)
```
#ffd19e
```
#ffd19e rgb(255,209,158)
```
#ffdab1
```
#ffdab1 rgb(255,218,177)
```
#ffe3c5
```
#ffe3c5 rgb(255,227,197)
```
#ffedd8
```
#ffedd8 rgb(255,237,216)
```
#fff6ec
```
#fff6ec rgb(255,246,236)
```

Tint Color Variation

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

#7f766d
```
#7f766d rgb(127,118,109)
```
#887764
```
#887764 rgb(136,119,100)
```
#91775b
```
#91775b rgb(145,119,91)
```
#9a7852
```
#9a7852 rgb(154,120,82)
```
#a37849
```
#a37849 rgb(163,120,73)
```
#ac7940
```
#ac7940 rgb(172,121,64)
```
#b67936
```
#b67936 rgb(182,121,54)
```
#bf7a2d
```
#bf7a2d rgb(191,122,45)
```
#c87a24
```
#c87a24 rgb(200,122,36)
```
#d17b1b
```
#d17b1b rgb(209,123,27)
```
#da7b12
```
#da7b12 rgb(218,123,18)
```
#e37c09
```
#e37c09 rgb(227,124,9)
```
#ec7c00
```
#ec7c00 rgb(236,124,0)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a28b72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b29f16 Protanopia 1% of men
#c79700 Deuteranopia 1% of men
#f17a81 Tritanopia 0.001% of the population

Trichromacy

#c7920e Protanomaly 1% of men, 0.01% of women
#d48d00 Deuteranomaly 6% of men, 0.4% of women
#ef7a52 Tritanomaly 0.01% of the population

#ec7c00 hex color

#ec7c00 Color Information

#ec7c00 Color Conversion

Color Schemes with #ec7c00

Alternatives to #ec7c00

#ec7c00 Preview

Shades and Tints of #ec7c00

Tones of #ec7c00

Color Blindness Simulator