#ec2a1e hex color

In a RGB color space, hex #ec2a1e is composed of 92.5% red, 16.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.2% magenta, 87.3% yellow and 7.5% black. It has a hue angle of 3.5 degrees, a saturation of 84.4% and a lightness of 52.2%. #ec2a1e color hex could be obtained by blending #ff543c with #d90000. Closest websafe color is: #ff3333.

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

● #ec2a1e color description : Vivid red.

The hexadecimal color #ec2a1e has RGB values of R:236, G:42, B:30 and CMYK values of C:0, M:0.82, Y:0.87, K:0.07. Its decimal value is 15477278.

Hex triplet	ec2a1e	`#ec2a1e`
RGB Decimal	236, 42, 30	`rgb(236,42,30)`
RGB Percent	92.5, 16.5, 11.8	`rgb(92.5%,16.5%,11.8%)`
CMYK	0, 82, 87, 7
HSL	3.5°, 84.4, 52.2	`hsl(3.5,84.4%,52.2%)`
HSV (or HSB)	3.5°, 87.3, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.367, 70.233, 54.873
XYZ	35.656, 19.587, 3.132
xyY	0.611, 0.336, 19.587
CIE-LCH	51.367, 89.128, 38.001
CIE-LUV	51.367, 148.954, 34.653
Hunter-Lab	44.257, 66.36, 26.785
Binary	11101100, 00101010, 00011110

#ec2a1e
```
#ec2a1e rgb(236,42,30)
```
#1ee0ec
```
#1ee0ec rgb(30,224,236)
```

Complementary Color

#ec1e79
```
#ec1e79 rgb(236,30,121)
```
#ec2a1e
```
#ec2a1e rgb(236,42,30)
```
#ec911e
```
#ec911e rgb(236,145,30)
```

Analogous Color

#1e79ec
```
#1e79ec rgb(30,121,236)
```
#ec2a1e
```
#ec2a1e rgb(236,42,30)
```
#1eec91
```
#1eec91 rgb(30,236,145)
```

Split Complementary Color

#2a1eec
```
#2a1eec rgb(42,30,236)
```
#ec2a1e
```
#ec2a1e rgb(236,42,30)
```
#1eec2a
```
#1eec2a rgb(30,236,42)
```

Triadic Color

#ec1ee0
```
#ec1ee0 rgb(236,30,224)
```
#ec2a1e
```
#ec2a1e rgb(236,42,30)
```
#1eec2a
```
#1eec2a rgb(30,236,42)
```
#1ee0ec
```
#1ee0ec rgb(30,224,236)
```

Tetradic Color

#af180f
```
#af180f rgb(175,24,15)
```
#c61b11
```
#c61b11 rgb(198,27,17)
```
#de1f13
```
#de1f13 rgb(222,31,19)
```
#ec2a1e
```
#ec2a1e rgb(236,42,30)
```
#ee4036
```
#ee4036 rgb(238,64,54)
```
#f0574d
```
#f0574d rgb(240,87,77)
```
#f26d65
```
#f26d65 rgb(242,109,101)
```

Monochromatic Color

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

#ec1e46
```
#ec1e46 rgb(236,30,70)
```
#ec1e34
```
#ec1e34 rgb(236,30,52)
```
#ec1e23
```
#ec1e23 rgb(236,30,35)
```
#ec2a1e
```
#ec2a1e rgb(236,42,30)
```
#ec3b1e
```
#ec3b1e rgb(236,59,30)
```
#ec4c1e
```
#ec4c1e rgb(236,76,30)
```
#ec5e1e
```
#ec5e1e rgb(236,94,30)
```

Similar Colors

Text with hexadecimal color #ec2a1e

This text has a font color of #ec2a1e.

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

#ec2a1e background color

This paragraph has a background color of #ec2a1e.

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

#ec2a1e border color

This element has a border color of #ec2a1e.

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

CSS codes

.text {color:#ec2a1e;}

.background {background-color:#ec2a1e;}

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

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

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1c0402
```
#1c0402 rgb(28,4,2)
```
#2e0604
```
#2e0604 rgb(46,6,4)
```
#400905
```
#400905 rgb(64,9,5)
```
#520b07
```
#520b07 rgb(82,11,7)
```
#650e08
```
#650e08 rgb(101,14,8)
```
#77100a
```
#77100a rgb(119,16,10)
```
#89130c
```
#89130c rgb(137,19,12)
```
#9b150d
```
#9b150d rgb(155,21,13)
```
#ad180f
```
#ad180f rgb(173,24,15)
```
#bf1a10
```
#bf1a10 rgb(191,26,16)
```
#d11d12
```
#d11d12 rgb(209,29,18)
```
#e31f13
```
#e31f13 rgb(227,31,19)
```

Shade Color Variation

#ec2a1e
```
#ec2a1e rgb(236,42,30)
```
#ee3b30
```
#ee3b30 rgb(238,59,48)
```
#ef4c42
```
#ef4c42 rgb(239,76,66)
```
#f15d54
```
#f15d54 rgb(241,93,84)
```
#f26e66
```
#f26e66 rgb(242,110,102)
```
#f48078
```
#f48078 rgb(244,128,120)
```
#f5918b
```
#f5918b rgb(245,145,139)
```
#f7a29d
```
#f7a29d rgb(247,162,157)
```
#f8b3af
```
#f8b3af rgb(248,179,175)
```
#fac4c1
```
#fac4c1 rgb(250,196,193)
```
#fbd5d3
```
#fbd5d3 rgb(251,213,211)
```
#fde6e5
```
#fde6e5 rgb(253,230,229)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#8e7d7c
```
#8e7d7c rgb(142,125,124)
```
#987572
```
#987572 rgb(152,117,114)
```
#a16c69
```
#a16c69 rgb(161,108,105)
```
#aa6460
```
#aa6460 rgb(170,100,96)
```
#b45c56
```
#b45c56 rgb(180,92,86)
```
#bd534d
```
#bd534d rgb(189,83,77)
```
#c64b44
```
#c64b44 rgb(198,75,68)
```
#d0433a
```
#d0433a rgb(208,67,58)
```
#d93b31
```
#d93b31 rgb(217,59,49)
```
#e33227
```
#e33227 rgb(227,50,39)
```
#ec2a1e
```
#ec2a1e rgb(236,42,30)
```
#f52215
```
#f52215 rgb(245,34,21)
```
#ff190b
```
#ff190b rgb(255,25,11)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#7e5855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f813a Protanopia 1% of men
#a17b00 Deuteranopia 1% of men
#ed3333 Tritanopia 0.001% of the population

Trichromacy

#b06130 Protanomaly 1% of men, 0.01% of women
#bc5d0a Deuteranomaly 6% of men, 0.4% of women
#ec302b Tritanomaly 0.01% of the population

#ec2a1e hex color

#ec2a1e Color Information

#ec2a1e Color Conversion

Color Schemes with #ec2a1e

Alternatives to #ec2a1e

#ec2a1e Preview

Shades and Tints of #ec2a1e

Tones of #ec2a1e

Color Blindness Simulator