colorhexa.com

#ec2231 hex color

In a RGB color space, hex #ec2231 is composed of 92.5% red, 13.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 79.2% yellow and 7.5% black. It has a hue angle of 355.5 degrees, a saturation of 84.2% and a lightness of 52.9%. #ec2231 color hex could be obtained by blending #ff4462 with #d90000. Closest websafe color is: #ff3333.

- R 93
- G 13
- B 19
RGB color chart
- C 0
- M 86
- Y 79
- K 7
CMYK color chart

● #ec2231 color description : Vivid red.

The hexadecimal color #ec2231 has RGB values of R:236, G:34, B:49 and CMYK values of C:0, M:0.86, Y:0.79, K:0.07. Its decimal value is 15475249.

Hex triplet	ec2231	`#ec2231`
RGB Decimal	236, 34, 49	`rgb(236,34,49)`
RGB Percent	92.5, 13.3, 19.2	`rgb(92.5%,13.3%,19.2%)`
CMYK	0, 86, 79, 7
HSL	355.5°, 84.2, 52.9	`hsl(355.5,84.2%,52.9%)`
HSV (or HSB)	355.5°, 85.6, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.924, 72.358, 45.073
XYZ	35.72, 19.203, 4.731
xyY	0.599, 0.322, 19.203
CIE-LCH	50.924, 85.248, 31.919
CIE-LUV	50.924, 148.908, 28.499
Hunter-Lab	43.822, 68.813, 24.274
Binary	11101100, 00100010, 00110001

#ec2231
```
#ec2231 rgb(236,34,49)
```
#22ecdd
```
#22ecdd rgb(34,236,221)
```

Complementary Color

#ec2296
```
#ec2296 rgb(236,34,150)
```
#ec2231
```
#ec2231 rgb(236,34,49)
```
#ec7822
```
#ec7822 rgb(236,120,34)
```

Analogous Color

#2296ec
```
#2296ec rgb(34,150,236)
```
#ec2231
```
#ec2231 rgb(236,34,49)
```
#22ec78
```
#22ec78 rgb(34,236,120)
```

Split Complementary Color

#2231ec
```
#2231ec rgb(34,49,236)
```
#ec2231
```
#ec2231 rgb(236,34,49)
```
#31ec22
```
#31ec22 rgb(49,236,34)
```

Triadic Color

#dd22ec
```
#dd22ec rgb(221,34,236)
```
#ec2231
```
#ec2231 rgb(236,34,49)
```
#31ec22
```
#31ec22 rgb(49,236,34)
```
#22ecdd
```
#22ecdd rgb(34,236,221)
```

Tetradic Color

#b20f1b
```
#b20f1b rgb(178,15,27)
```
#ca111f
```
#ca111f rgb(202,17,31)
```
#e11323
```
#e11323 rgb(225,19,35)
```
#ec2231
```
#ec2231 rgb(236,34,49)
```
#ee3947
```
#ee3947 rgb(238,57,71)
```
#f0515d
```
#f0515d rgb(240,81,93)
```
#f26873
```
#f26873 rgb(242,104,115)
```

Monochromatic Color

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

#ec2263
```
#ec2263 rgb(236,34,99)
```
#ec2253
```
#ec2253 rgb(236,34,83)
```
#ec2242
```
#ec2242 rgb(236,34,66)
```
#ec2231
```
#ec2231 rgb(236,34,49)
```
#ec2422
```
#ec2422 rgb(236,36,34)
```
#ec3522
```
#ec3522 rgb(236,53,34)
```
#ec4622
```
#ec4622 rgb(236,70,34)
```

Similar Colors

Text with hexadecimal color #ec2231

This text has a font color of #ec2231.

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

#ec2231 background color

This paragraph has a background color of #ec2231.

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

#ec2231 border color

This element has a border color of #ec2231.

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

CSS codes

.text {color:#ec2231;}

.background {background-color:#ec2231;}

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

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

#0e0102
```
#0e0102 rgb(14,1,2)
```
#200305
```
#200305 rgb(32,3,5)
```
#320408
```
#320408 rgb(50,4,8)
```
#44060a
```
#44060a rgb(68,6,10)
```
#56070d
```
#56070d rgb(86,7,13)
```
#680910
```
#680910 rgb(104,9,16)
```
#7a0b13
```
#7a0b13 rgb(122,11,19)
```
#8c0c16
```
#8c0c16 rgb(140,12,22)
```
#9e0e18
```
#9e0e18 rgb(158,14,24)
```
#b00f1b
```
#b00f1b rgb(176,15,27)
```
#c2111e
```
#c2111e rgb(194,17,30)
```
#d51221
```
#d51221 rgb(213,18,33)
```
#e71423
```
#e71423 rgb(231,20,35)
```

Shade Color Variation

#ec2231
```
#ec2231 rgb(236,34,49)
```
#ee3442
```
#ee3442 rgb(238,52,66)
```
#ef4653
```
#ef4653 rgb(239,70,83)
```
#f15864
```
#f15864 rgb(241,88,100)
```
#f26a74
```
#f26a74 rgb(242,106,116)
```
#f47c85
```
#f47c85 rgb(244,124,133)
```
#f58e96
```
#f58e96 rgb(245,142,150)
```
#f7a0a7
```
#f7a0a7 rgb(247,160,167)
```
#f8b3b8
```
#f8b3b8 rgb(248,179,184)
```
#fac5c9
```
#fac5c9 rgb(250,197,201)
```
#fcd7d9
```
#fcd7d9 rgb(252,215,217)
```
#fde9ea
```
#fde9ea rgb(253,233,234)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#907e80
```
#907e80 rgb(144,126,128)
```
#997578
```
#997578 rgb(153,117,120)
```
#a26c70
```
#a26c70 rgb(162,108,112)
```
#ab6368
```
#ab6368 rgb(171,99,104)
```
#b55960
```
#b55960 rgb(181,89,96)
```
#be5058
```
#be5058 rgb(190,80,88)
```
#c74750
```
#c74750 rgb(199,71,80)
```
#d03e49
```
#d03e49 rgb(208,62,73)
```
#da3441
```
#da3441 rgb(218,52,65)
```
#e32b39
```
#e32b39 rgb(227,43,57)
```
#ec2231
```
#ec2231 rgb(236,34,49)
```
#f51929
```
#f51929 rgb(245,25,41)
```
#fe1021
```
#fe1021 rgb(254,16,33)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7c5457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8051 Protanopia 1% of men
#9f7a2b Deuteranopia 1% of men
#ec2f2e Tritanopia 0.001% of the population

Trichromacy

#ae5d45 Protanomaly 1% of men, 0.01% of women
#bb5a2d Deuteranomaly 6% of men, 0.4% of women
#ec2a2f Tritanomaly 0.01% of the population