#ec6c01 hex color

In a RGB color space, hex #ec6c01 is composed of 92.5% red, 42.4% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.2% magenta, 99.6% yellow and 7.5% black. It has a hue angle of 27.3 degrees, a saturation of 99.2% and a lightness of 46.5%. #ec6c01 color hex could be obtained by blending #ffd802 with #d90000. Closest websafe color is: #ff6600.

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

● #ec6c01 color description : Vivid orange.

The hexadecimal color #ec6c01 has RGB values of R:236, G:108, B:1 and CMYK values of C:0, M:0.54, Y:1, K:0.07. Its decimal value is 15494145.

Hex triplet	ec6c01	`#ec6c01`
RGB Decimal	236, 108, 1	`rgb(236,108,1)`
RGB Percent	92.5, 42.4, 0.4	`rgb(92.5%,42.4%,0.4%)`
CMYK	0, 54, 100, 7
HSL	27.3°, 99.2, 46.5	`hsl(27.3,99.2%,46.5%)`
HSV (or HSB)	27.3°, 99.6, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.395, 45.286, 68.503
XYZ	39.962, 28.564, 3.438
xyY	0.555, 0.397, 28.564
CIE-LCH	60.395, 82.118, 56.532
CIE-LUV	60.395, 106.82, 53.903
Hunter-Lab	53.446, 39.937, 33.598
Binary	11101100, 01101100, 00000001

#ec6c01
```
#ec6c01 rgb(236,108,1)
```
#0181ec
```
#0181ec rgb(1,129,236)
```

Complementary Color

#ec010c
```
#ec010c rgb(236,1,12)
```
#ec6c01
```
#ec6c01 rgb(236,108,1)
```
#ece201
```
#ece201 rgb(236,226,1)
```

Analogous Color

#010cec
```
#010cec rgb(1,12,236)
```
#ec6c01
```
#ec6c01 rgb(236,108,1)
```
#01ece2
```
#01ece2 rgb(1,236,226)
```

Split Complementary Color

#6c01ec
```
#6c01ec rgb(108,1,236)
```
#ec6c01
```
#ec6c01 rgb(236,108,1)
```
#01ec6c
```
#01ec6c rgb(1,236,108)
```

Triadic Color

#ec0181
```
#ec0181 rgb(236,1,129)
```
#ec6c01
```
#ec6c01 rgb(236,108,1)
```
#01ec6c
```
#01ec6c rgb(1,236,108)
```
#0181ec
```
#0181ec rgb(1,129,236)
```

Tetradic Color

#a04901
```
#a04901 rgb(160,73,1)
```
#b95501
```
#b95501 rgb(185,85,1)
```
#d36001
```
#d36001 rgb(211,96,1)
```
#ec6c01
```
#ec6c01 rgb(236,108,1)
```
#fe7809
```
#fe7809 rgb(254,120,9)
```
#fe8622
```
#fe8622 rgb(254,134,34)
```
#fe943b
```
#fe943b rgb(254,148,59)
```

Monochromatic Color

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

#ec3101
```
#ec3101 rgb(236,49,1)
```
#ec4501
```
#ec4501 rgb(236,69,1)
```
#ec5801
```
#ec5801 rgb(236,88,1)
```
#ec6c01
```
#ec6c01 rgb(236,108,1)
```
#ec8001
```
#ec8001 rgb(236,128,1)
```
#ec9301
```
#ec9301 rgb(236,147,1)
```
#eca701
```
#eca701 rgb(236,167,1)
```

Similar Colors

Text with hexadecimal color #ec6c01

This text has a font color of #ec6c01.

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

#ec6c01 background color

This paragraph has a background color of #ec6c01.

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

#ec6c01 border color

This element has a border color of #ec6c01.

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

CSS codes

.text {color:#ec6c01;}

.background {background-color:#ec6c01;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150a00
```
#150a00 rgb(21,10,0)
```
#291300
```
#291300 rgb(41,19,0)
```
#3c1c00
```
#3c1c00 rgb(60,28,0)
```
#502400
```
#502400 rgb(80,36,0)
```
#632d00
```
#632d00 rgb(99,45,0)
```
#773601
```
#773601 rgb(119,54,1)
```
#8a3f01
```
#8a3f01 rgb(138,63,1)
```
#9e4801
```
#9e4801 rgb(158,72,1)
```
#b15101
```
#b15101 rgb(177,81,1)
```
#c55a01
```
#c55a01 rgb(197,90,1)
```
#d86301
```
#d86301 rgb(216,99,1)
```
#ec6c01
```
#ec6c01 rgb(236,108,1)
```

Shade Color Variation

#fe7503
```
#fe7503 rgb(254,117,3)
```
#fe8016
```
#fe8016 rgb(254,128,22)
```
#fe8a2a
```
#fe8a2a rgb(254,138,42)
```
#fe953d
```
#fe953d rgb(254,149,61)
```
#fea051
```
#fea051 rgb(254,160,81)
```
#feaa64
```
#feaa64 rgb(254,170,100)
```
#feb578
```
#feb578 rgb(254,181,120)
```
#ffc08b
```
#ffc08b rgb(255,192,139)
```
#ffca9f
```
#ffca9f rgb(255,202,159)
```
#ffd5b2
```
#ffd5b2 rgb(255,213,178)
```
#ffe0c6
```
#ffe0c6 rgb(255,224,198)
```
#ffebda
```
#ffebda rgb(255,235,218)
```
#fff5ed
```
#fff5ed rgb(255,245,237)
```

Tint Color Variation

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

#7f766e
```
#7f766e rgb(127,118,110)
```
#887565
```
#887565 rgb(136,117,101)
```
#91745c
```
#91745c rgb(145,116,92)
```
#9a7353
```
#9a7353 rgb(154,115,83)
```
#a3734a
```
#a3734a rgb(163,115,74)
```
#ac7241
```
#ac7241 rgb(172,114,65)
```
#b57138
```
#b57138 rgb(181,113,56)
```
#be702f
```
#be702f rgb(190,112,47)
```
#c86f25
```
#c86f25 rgb(200,111,37)
```
#d16e1c
```
#d16e1c rgb(209,110,28)
```
#da6e13
```
#da6e13 rgb(218,110,19)
```
#e36d0a
```
#e36d0a rgb(227,109,10)
```
#ec6c01
```
#ec6c01 rgb(236,108,1)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9a816b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99719 Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#ef6c72 Tritanopia 0.001% of the population

Trichromacy

#c18710 Protanomaly 1% of men, 0.01% of women
#ce8200 Deuteranomaly 6% of men, 0.4% of women
#ee6c49 Tritanomaly 0.01% of the population

#ec6c01 hex color

#ec6c01 Color Information

#ec6c01 Color Conversion

Color Schemes with #ec6c01

Alternatives to #ec6c01

#ec6c01 Preview

Shades and Tints of #ec6c01

Tones of #ec6c01

Color Blindness Simulator