#ec6a00 hex color

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

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

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

The hexadecimal color #ec6a00 has RGB values of R:236, G:106, B:0 and CMYK values of C:0, M:0.55, Y:1, K:0.07. Its decimal value is 15493632.

Hex triplet	ec6a00	`#ec6a00`
RGB Decimal	236, 106, 0	`rgb(236,106,0)`
RGB Percent	92.5, 41.6, 0	`rgb(92.5%,41.6%,0%)`
CMYK	0, 55, 100, 7
HSL	26.9°, 100, 46.3	`hsl(26.9,100%,46.3%)`
HSV (or HSB)	26.9°, 100, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.02, 46.235, 68.464
XYZ	39.748, 28.145, 3.34
xyY	0.558, 0.395, 28.145
CIE-LCH	60.02, 82.613, 55.968
CIE-LUV	60.02, 108.492, 53.364
Hunter-Lab	53.052, 40.896, 33.404
Binary	11101100, 01101010, 00000000

#ec6a00
```
#ec6a00 rgb(236,106,0)
```
#0082ec
```
#0082ec rgb(0,130,236)
```

Complementary Color

#ec000c
```
#ec000c rgb(236,0,12)
```
#ec6a00
```
#ec6a00 rgb(236,106,0)
```
#ece000
```
#ece000 rgb(236,224,0)
```

Analogous Color

#000cec
```
#000cec rgb(0,12,236)
```
#ec6a00
```
#ec6a00 rgb(236,106,0)
```
#00ece0
```
#00ece0 rgb(0,236,224)
```

Split Complementary Color

#6a00ec
```
#6a00ec rgb(106,0,236)
```
#ec6a00
```
#ec6a00 rgb(236,106,0)
```
#00ec6a
```
#00ec6a rgb(0,236,106)
```

Triadic Color

#ec0082
```
#ec0082 rgb(236,0,130)
```
#ec6a00
```
#ec6a00 rgb(236,106,0)
```
#00ec6a
```
#00ec6a rgb(0,236,106)
```
#0082ec
```
#0082ec rgb(0,130,236)
```

Tetradic Color

#a04800
```
#a04800 rgb(160,72,0)
```
#b95300
```
#b95300 rgb(185,83,0)
```
#d35f00
```
#d35f00 rgb(211,95,0)
```
#ec6a00
```
#ec6a00 rgb(236,106,0)
```
#ff7606
```
#ff7606 rgb(255,118,6)
```
#ff8420
```
#ff8420 rgb(255,132,32)
```
#ff923a
```
#ff923a rgb(255,146,58)
```

Monochromatic Color

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

#ec2f00
```
#ec2f00 rgb(236,47,0)
```
#ec4300
```
#ec4300 rgb(236,67,0)
```
#ec5600
```
#ec5600 rgb(236,86,0)
```
#ec6a00
```
#ec6a00 rgb(236,106,0)
```
#ec7e00
```
#ec7e00 rgb(236,126,0)
```
#ec9100
```
#ec9100 rgb(236,145,0)
```
#eca500
```
#eca500 rgb(236,165,0)
```

Similar Colors

Text with hexadecimal color #ec6a00

This text has a font color of #ec6a00.

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

#ec6a00 background color

This paragraph has a background color of #ec6a00.

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

#ec6a00 border color

This element has a border color of #ec6a00.

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

CSS codes

.text {color:#ec6a00;}

.background {background-color:#ec6a00;}

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

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 #fff5ec is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#140900
```
#140900 rgb(20,9,0)
```
#281200
```
#281200 rgb(40,18,0)
```
#3b1b00
```
#3b1b00 rgb(59,27,0)
```
#4f2400
```
#4f2400 rgb(79,36,0)
```
#632c00
```
#632c00 rgb(99,44,0)
```
#763500
```
#763500 rgb(118,53,0)
```
#8a3e00
```
#8a3e00 rgb(138,62,0)
```
#9e4700
```
#9e4700 rgb(158,71,0)
```
#b15000
```
#b15000 rgb(177,80,0)
```
#c55800
```
#c55800 rgb(197,88,0)
```
#d86100
```
#d86100 rgb(216,97,0)
```
#ec6a00
```
#ec6a00 rgb(236,106,0)
```

Shade Color Variation

#ff7301
```
#ff7301 rgb(255,115,1)
```
#ff7e14
```
#ff7e14 rgb(255,126,20)
```
#ff8828
```
#ff8828 rgb(255,136,40)
```
#ff933b
```
#ff933b rgb(255,147,59)
```
#ff9e4f
```
#ff9e4f rgb(255,158,79)
```
#ffa963
```
#ffa963 rgb(255,169,99)
```
#ffb476
```
#ffb476 rgb(255,180,118)
```
#ffbf8a
```
#ffbf8a rgb(255,191,138)
```
#ffc99e
```
#ffc99e rgb(255,201,158)
```
#ffd4b1
```
#ffd4b1 rgb(255,212,177)
```
#ffdfc5
```
#ffdfc5 rgb(255,223,197)
```
#ffead8
```
#ffead8 rgb(255,234,216)
```
#fff5ec
```
#fff5ec rgb(255,245,236)
```

Tint Color Variation

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

#7f756d
```
#7f756d rgb(127,117,109)
```
#887464
```
#887464 rgb(136,116,100)
```
#91735b
```
#91735b rgb(145,115,91)
```
#9a7252
```
#9a7252 rgb(154,114,82)
```
#a37149
```
#a37149 rgb(163,113,73)
```
#ac7040
```
#ac7040 rgb(172,112,64)
```
#b67036
```
#b67036 rgb(182,112,54)
```
#bf6f2d
```
#bf6f2d rgb(191,111,45)
```
#c86e24
```
#c86e24 rgb(200,110,36)
```
#d16d1b
```
#d16d1b rgb(209,109,27)
```
#da6c12
```
#da6c12 rgb(218,108,18)
```
#e36b09
```
#e36b09 rgb(227,107,9)
```
#ec6a00
```
#ec6a00 rgb(236,106,0)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9a806a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89618 Protanopia 1% of men
#bb8f00 Deuteranopia 1% of men
#ef6a70 Tritanopia 0.001% of the population

Trichromacy

#c1860f Protanomaly 1% of men, 0.01% of women
#cd8100 Deuteranomaly 6% of men, 0.4% of women
#ee6a47 Tritanomaly 0.01% of the population

#ec6a00 hex color

#ec6a00 Color Information

#ec6a00 Color Conversion

Color Schemes with #ec6a00

Alternatives to #ec6a00

#ec6a00 Preview

Shades and Tints of #ec6a00

Tones of #ec6a00

Color Blindness Simulator