#ec6a01 hex color

In a RGB color space, hex #ec6a01 is composed of 92.5% red, 41.6% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.1% magenta, 99.6% yellow and 7.5% black. It has a hue angle of 26.8 degrees, a saturation of 99.2% and a lightness of 46.5%. #ec6a01 color hex could be obtained by blending #ffd402 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

● #ec6a01 color description : Vivid orange.

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

Hex triplet	ec6a01	`#ec6a01`
RGB Decimal	236, 106, 1	`rgb(236,106,1)`
RGB Percent	92.5, 41.6, 0.4	`rgb(92.5%,41.6%,0.4%)`
CMYK	0, 55, 100, 7
HSL	26.8°, 99.2, 46.5	`hsl(26.8,99.2%,46.5%)`
HSV (or HSB)	26.8°, 99.6, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.022, 46.244, 68.288
XYZ	39.753, 28.147, 3.368
xyY	0.558, 0.395, 28.147
CIE-LCH	60.022, 82.472, 55.895
CIE-LUV	60.022, 108.463, 53.288
Hunter-Lab	53.054, 40.906, 33.373
Binary	11101100, 01101010, 00000001

#ec6a01
```
#ec6a01 rgb(236,106,1)
```
#0183ec
```
#0183ec rgb(1,131,236)
```

Complementary Color

#ec010e
```
#ec010e rgb(236,1,14)
```
#ec6a01
```
#ec6a01 rgb(236,106,1)
```
#ece001
```
#ece001 rgb(236,224,1)
```

Analogous Color

#010eec
```
#010eec rgb(1,14,236)
```
#ec6a01
```
#ec6a01 rgb(236,106,1)
```
#01ece0
```
#01ece0 rgb(1,236,224)
```

Split Complementary Color

#6a01ec
```
#6a01ec rgb(106,1,236)
```
#ec6a01
```
#ec6a01 rgb(236,106,1)
```
#01ec6a
```
#01ec6a rgb(1,236,106)
```

Triadic Color

#ec0183
```
#ec0183 rgb(236,1,131)
```
#ec6a01
```
#ec6a01 rgb(236,106,1)
```
#01ec6a
```
#01ec6a rgb(1,236,106)
```
#0183ec
```
#0183ec rgb(1,131,236)
```

Tetradic Color

#a04801
```
#a04801 rgb(160,72,1)
```
#b95301
```
#b95301 rgb(185,83,1)
```
#d35f01
```
#d35f01 rgb(211,95,1)
```
#ec6a01
```
#ec6a01 rgb(236,106,1)
```
#fe7609
```
#fe7609 rgb(254,118,9)
```
#fe8422
```
#fe8422 rgb(254,132,34)
```
#fe923b
```
#fe923b rgb(254,146,59)
```

Monochromatic Color

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

#ec2f01
```
#ec2f01 rgb(236,47,1)
```
#ec4301
```
#ec4301 rgb(236,67,1)
```
#ec5601
```
#ec5601 rgb(236,86,1)
```
#ec6a01
```
#ec6a01 rgb(236,106,1)
```
#ec7e01
```
#ec7e01 rgb(236,126,1)
```
#ec9101
```
#ec9101 rgb(236,145,1)
```
#eca501
```
#eca501 rgb(236,165,1)
```

Similar Colors

Text with hexadecimal color #ec6a01

This text has a font color of #ec6a01.

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

#ec6a01 background color

This paragraph has a background color of #ec6a01.

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

#ec6a01 border color

This element has a border color of #ec6a01.

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

CSS codes

.text {color:#ec6a01;}

.background {background-color:#ec6a01;}

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

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)
```
#150900
```
#150900 rgb(21,9,0)
```
#291200
```
#291200 rgb(41,18,0)
```
#3c1b00
```
#3c1b00 rgb(60,27,0)
```
#502400
```
#502400 rgb(80,36,0)
```
#632d00
```
#632d00 rgb(99,45,0)
```
#773501
```
#773501 rgb(119,53,1)
```
#8a3e01
```
#8a3e01 rgb(138,62,1)
```
#9e4701
```
#9e4701 rgb(158,71,1)
```
#b15001
```
#b15001 rgb(177,80,1)
```
#c55801
```
#c55801 rgb(197,88,1)
```
#d86101
```
#d86101 rgb(216,97,1)
```
#ec6a01
```
#ec6a01 rgb(236,106,1)
```

Shade Color Variation

#fe7303
```
#fe7303 rgb(254,115,3)
```
#fe7e16
```
#fe7e16 rgb(254,126,22)
```
#fe892a
```
#fe892a rgb(254,137,42)
```
#fe933d
```
#fe933d rgb(254,147,61)
```
#fe9e51
```
#fe9e51 rgb(254,158,81)
```
#fea964
```
#fea964 rgb(254,169,100)
```
#feb478
```
#feb478 rgb(254,180,120)
```
#ffbf8b
```
#ffbf8b rgb(255,191,139)
```
#ffca9f
```
#ffca9f rgb(255,202,159)
```
#ffd5b2
```
#ffd5b2 rgb(255,213,178)
```
#ffdfc6
```
#ffdfc6 rgb(255,223,198)
```
#ffeada
```
#ffeada rgb(255,234,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 #ec6a01 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)
```
#a3724a
```
#a3724a rgb(163,114,74)
```
#ac7141
```
#ac7141 rgb(172,113,65)
```
#b57038
```
#b57038 rgb(181,112,56)
```
#be6f2f
```
#be6f2f rgb(190,111,47)
```
#c86e25
```
#c86e25 rgb(200,110,37)
```
#d16d1c
```
#d16d1c rgb(209,109,28)
```
#da6c13
```
#da6c13 rgb(218,108,19)
```
#e36b0a
```
#e36b0a rgb(227,107,10)
```
#ec6a01
```
#ec6a01 rgb(236,106,1)
```

Tone Color Variation

Below, you can see how #ec6a01 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
#9a806b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#ec6a01 hex color

#ec6a01 Color Information

#ec6a01 Color Conversion

Color Schemes with #ec6a01

Alternatives to #ec6a01

#ec6a01 Preview

Shades and Tints of #ec6a01

Tones of #ec6a01

Color Blindness Simulator