#ec2232 hex color

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

♥
- f
- t
- g
- R 93
- G 13
- B 20
RGB color chart
- C 0
- M 86
- Y 79
- K 7
CMYK color chart

● #ec2232 color description : Vivid red.

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

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

CIE-LAB	50.934, 72.387, 44.537
XYZ	35.742, 19.212, 4.844
xyY	0.598, 0.321, 19.212
CIE-LCH	50.934, 84.991, 31.603
CIE-LUV	50.934, 148.702, 28.168
Hunter-Lab	43.831, 68.851, 24.13
Binary	11101100, 00100010, 00110010

#ec2232
```
#ec2232 rgb(236,34,50)
```
#22ecdc
```
#22ecdc rgb(34,236,220)
```

Complementary Color

#ec2297
```
#ec2297 rgb(236,34,151)
```
#ec2232
```
#ec2232 rgb(236,34,50)
```
#ec7722
```
#ec7722 rgb(236,119,34)
```

Analogous Color

#2297ec
```
#2297ec rgb(34,151,236)
```
#ec2232
```
#ec2232 rgb(236,34,50)
```
#22ec77
```
#22ec77 rgb(34,236,119)
```

Split Complementary Color

#2232ec
```
#2232ec rgb(34,50,236)
```
#ec2232
```
#ec2232 rgb(236,34,50)
```
#32ec22
```
#32ec22 rgb(50,236,34)
```

Triadic Color

#dc22ec
```
#dc22ec rgb(220,34,236)
```
#ec2232
```
#ec2232 rgb(236,34,50)
```
#32ec22
```
#32ec22 rgb(50,236,34)
```
#22ecdc
```
#22ecdc rgb(34,236,220)
```

Tetradic Color

#b20f1c
```
#b20f1c rgb(178,15,28)
```
#ca1120
```
#ca1120 rgb(202,17,32)
```
#e11324
```
#e11324 rgb(225,19,36)
```
#ec2232
```
#ec2232 rgb(236,34,50)
```
#ee3948
```
#ee3948 rgb(238,57,72)
```
#f0515e
```
#f0515e rgb(240,81,94)
```
#f26873
```
#f26873 rgb(242,104,115)
```

Monochromatic Color

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

#ec2265
```
#ec2265 rgb(236,34,101)
```
#ec2254
```
#ec2254 rgb(236,34,84)
```
#ec2243
```
#ec2243 rgb(236,34,67)
```
#ec2232
```
#ec2232 rgb(236,34,50)
```
#ec2322
```
#ec2322 rgb(236,35,34)
```
#ec3422
```
#ec3422 rgb(236,52,34)
```
#ec4522
```
#ec4522 rgb(236,69,34)
```

Similar Colors

Text with hexadecimal color #ec2232

This text has a font color of #ec2232.

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

#ec2232 background color

This paragraph has a background color of #ec2232.

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

#ec2232 border color

This element has a border color of #ec2232.

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

CSS codes

.text {color:#ec2232;}

.background {background-color:#ec2232;}

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

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)
```
#44060b
```
#44060b rgb(68,6,11)
```
#56070e
```
#56070e rgb(86,7,14)
```
#680910
```
#680910 rgb(104,9,16)
```
#7a0b13
```
#7a0b13 rgb(122,11,19)
```
#8c0c16
```
#8c0c16 rgb(140,12,22)
```
#9e0e19
```
#9e0e19 rgb(158,14,25)
```
#b00f1c
```
#b00f1c rgb(176,15,28)
```
#c2111f
```
#c2111f rgb(194,17,31)
```
#d51222
```
#d51222 rgb(213,18,34)
```
#e71425
```
#e71425 rgb(231,20,37)
```

Shade Color Variation

#ec2232
```
#ec2232 rgb(236,34,50)
```
#ee3443
```
#ee3443 rgb(238,52,67)
```
#ef4654
```
#ef4654 rgb(239,70,84)
```
#f15864
```
#f15864 rgb(241,88,100)
```
#f26a75
```
#f26a75 rgb(242,106,117)
```
#f47c86
```
#f47c86 rgb(244,124,134)
```
#f58e97
```
#f58e97 rgb(245,142,151)
```
#f7a0a7
```
#f7a0a7 rgb(247,160,167)
```
#f8b3b8
```
#f8b3b8 rgb(248,179,184)
```
#fac5c9
```
#fac5c9 rgb(250,197,201)
```
#fcd7da
```
#fcd7da rgb(252,215,218)
```
#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 #fe1022 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)
```
#b55961
```
#b55961 rgb(181,89,97)
```
#be5059
```
#be5059 rgb(190,80,89)
```
#c74751
```
#c74751 rgb(199,71,81)
```
#d03e49
```
#d03e49 rgb(208,62,73)
```
#da3442
```
#da3442 rgb(218,52,66)
```
#e32b3a
```
#e32b3a rgb(227,43,58)
```
#ec2232
```
#ec2232 rgb(236,34,50)
```
#f5192a
```
#f5192a rgb(245,25,42)
```
#fe1022
```
#fe1022 rgb(254,16,34)
```

Tone Color Variation

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

#8b8052 Protanopia 1% of men
#9f7a2c Deuteranopia 1% of men
#ec302e Tritanopia 0.001% of the population

Trichromacy

#ae5d46 Protanomaly 1% of men, 0.01% of women
#bb5a2e Deuteranomaly 6% of men, 0.4% of women
#ec2a30 Tritanomaly 0.01% of the population

#ec2232 hex color

#ec2232 Color Information

#ec2232 Color Conversion

Color Schemes with #ec2232

Alternatives to #ec2232

#ec2232 Preview

Shades and Tints of #ec2232

Tones of #ec2232

Color Blindness Simulator