#ec1f0c hex color

In a RGB color space, hex #ec1f0c is composed of 92.5% red, 12.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.9% magenta, 94.9% yellow and 7.5% black. It has a hue angle of 5.1 degrees, a saturation of 90.3% and a lightness of 48.6%. #ec1f0c color hex could be obtained by blending #ff3e18 with #d90000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 93
- G 12
- B 5
RGB color chart
- C 0
- M 87
- Y 95
- K 7
CMYK color chart

● #ec1f0c color description : Vivid red.

The hexadecimal color #ec1f0c has RGB values of R:236, G:31, B:12 and CMYK values of C:0, M:0.87, Y:0.95, K:0.07. Its decimal value is 15474444.

Hex triplet	ec1f0c	`#ec1f0c`
RGB Decimal	236, 31, 12	`rgb(236,31,12)`
RGB Percent	92.5, 12.2, 4.7	`rgb(92.5%,12.2%,4.7%)`
CMYK	0, 87, 95, 7
HSL	5.1°, 90.3, 48.6	`hsl(5.1,90.3%,48.6%)`
HSV (or HSB)	5.1°, 94.9, 92.5
Web Safe	ff3300	`#ff3300`

CIE-LAB	50.504, 72.239, 60.736
XYZ	35.15, 18.844, 2.134
xyY	0.626, 0.336, 18.844
CIE-LCH	50.504, 94.379, 40.056
CIE-LUV	50.504, 154.835, 35.955
Hunter-Lab	43.41, 68.571, 27.472
Binary	11101100, 00011111, 00001100

#ec1f0c
```
#ec1f0c rgb(236,31,12)
```
#0cd9ec
```
#0cd9ec rgb(12,217,236)
```

Complementary Color

#ec0c69
```
#ec0c69 rgb(236,12,105)
```
#ec1f0c
```
#ec1f0c rgb(236,31,12)
```
#ec8f0c
```
#ec8f0c rgb(236,143,12)
```

Analogous Color

#0c69ec
```
#0c69ec rgb(12,105,236)
```
#ec1f0c
```
#ec1f0c rgb(236,31,12)
```
#0cec8f
```
#0cec8f rgb(12,236,143)
```

Split Complementary Color

#1f0cec
```
#1f0cec rgb(31,12,236)
```
#ec1f0c
```
#ec1f0c rgb(236,31,12)
```
#0cec1f
```
#0cec1f rgb(12,236,31)
```

Triadic Color

#ec0cd9
```
#ec0cd9 rgb(236,12,217)
```
#ec1f0c
```
#ec1f0c rgb(236,31,12)
```
#0cec1f
```
#0cec1f rgb(12,236,31)
```
#0cd9ec
```
#0cd9ec rgb(12,217,236)
```

Tetradic Color

#a31508
```
#a31508 rgb(163,21,8)
```
#bb190a
```
#bb190a rgb(187,25,10)
```
#d41c0b
```
#d41c0b rgb(212,28,11)
```
#ec1f0c
```
#ec1f0c rgb(236,31,12)
```
#f4301e
```
#f4301e rgb(244,48,30)
```
#f54636
```
#f54636 rgb(245,70,54)
```
#f65d4e
```
#f65d4e rgb(246,93,78)
```

Monochromatic Color

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

#ec0c31
```
#ec0c31 rgb(236,12,49)
```
#ec0c1e
```
#ec0c1e rgb(236,12,30)
```
#ec0c0c
```
#ec0c0c rgb(236,12,12)
```
#ec1f0c
```
#ec1f0c rgb(236,31,12)
```
#ec320c
```
#ec320c rgb(236,50,12)
```
#ec440c
```
#ec440c rgb(236,68,12)
```
#ec570c
```
#ec570c rgb(236,87,12)
```

Similar Colors

Text with hexadecimal color #ec1f0c

This text has a font color of #ec1f0c.

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

#ec1f0c background color

This paragraph has a background color of #ec1f0c.

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

#ec1f0c border color

This element has a border color of #ec1f0c.

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

CSS codes

.text {color:#ec1f0c;}

.background {background-color:#ec1f0c;}

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

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

#0c0201
```
#0c0201 rgb(12,2,1)
```
#1f0402
```
#1f0402 rgb(31,4,2)
```
#310603
```
#310603 rgb(49,6,3)
```
#440903
```
#440903 rgb(68,9,3)
```
#570b04
```
#570b04 rgb(87,11,4)
```
#690e05
```
#690e05 rgb(105,14,5)
```
#7c1006
```
#7c1006 rgb(124,16,6)
```
#8f1307
```
#8f1307 rgb(143,19,7)
```
#a11508
```
#a11508 rgb(161,21,8)
```
#b41809
```
#b41809 rgb(180,24,9)
```
#c71a0a
```
#c71a0a rgb(199,26,10)
```
#d91d0b
```
#d91d0b rgb(217,29,11)
```
#ec1f0c
```
#ec1f0c rgb(236,31,12)
```

Shade Color Variation

#f32b18
```
#f32b18 rgb(243,43,24)
```
#f43c2b
```
#f43c2b rgb(244,60,43)
```
#f54d3e
```
#f54d3e rgb(245,77,62)
```
#f65e50
```
#f65e50 rgb(246,94,80)
```
#f77063
```
#f77063 rgb(247,112,99)
```
#f88176
```
#f88176 rgb(248,129,118)
```
#f99288
```
#f99288 rgb(249,146,136)
```
#faa39b
```
#faa39b rgb(250,163,155)
```
#fbb4ae
```
#fbb4ae rgb(251,180,174)
```
#fcc5c0
```
#fcc5c0 rgb(252,197,192)
```
#fdd7d3
```
#fdd7d3 rgb(253,215,211)
```
#fee8e6
```
#fee8e6 rgb(254,232,230)
```
#fff9f8
```
#fff9f8 rgb(255,249,248)
```

Tint Color Variation

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

#837675
```
#837675 rgb(131,118,117)
```
#8d6e6b
```
#8d6e6b rgb(141,110,107)
```
#966662
```
#966662 rgb(150,102,98)
```
#a05e58
```
#a05e58 rgb(160,94,88)
```
#a9564f
```
#a9564f rgb(169,86,79)
```
#b34f45
```
#b34f45 rgb(179,79,69)
```
#bc473c
```
#bc473c rgb(188,71,60)
```
#c63f32
```
#c63f32 rgb(198,63,50)
```
#cf3729
```
#cf3729 rgb(207,55,41)
```
#d92f1f
```
#d92f1f rgb(217,47,31)
```
#e22716
```
#e22716 rgb(226,39,22)
```
#ec1f0c
```
#ec1f0c rgb(236,31,12)
```
#f61702
```
#f61702 rgb(246,23,2)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#774e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f2a Protanopia 1% of men
#9e7900 Deuteranopia 1% of men
#ed2926 Tritanopia 0.001% of the population

Trichromacy

#b05c1f Protanomaly 1% of men, 0.01% of women
#ba5804 Deuteranomaly 6% of men, 0.4% of women
#ec251c Tritanomaly 0.01% of the population

#ec1f0c hex color

#ec1f0c Color Information

#ec1f0c Color Conversion

Color Schemes with #ec1f0c

Alternatives to #ec1f0c

#ec1f0c Preview

Shades and Tints of #ec1f0c

Tones of #ec1f0c

Color Blindness Simulator