#ec0022 hex color

In a RGB color space, hex #ec0022 is composed of 92.5% red, 0% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 85.6% yellow and 7.5% black. It has a hue angle of 351.4 degrees, a saturation of 100% and a lightness of 46.3%. #ec0022 color hex could be obtained by blending #ff0044 with #d90000. Closest websafe color is: #ff0033.

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

● #ec0022 color description : Pure (or mostly pure) red.

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

Hex triplet	ec0022	`#ec0022`
RGB Decimal	236, 0, 34	`rgb(236,0,34)`
RGB Percent	92.5, 0, 13.3	`rgb(92.5%,0%,13.3%)`
CMYK	0, 100, 86, 7
HSL	351.4°, 100, 46.3	`hsl(351.4,100%,46.3%)`
HSV (or HSB)	351.4°, 100, 92.5
Web Safe	ff0033	`#ff0033`

CIE-LAB	49.439, 75.917, 51.481
XYZ	34.883, 17.953, 3.142
xyY	0.623, 0.321, 17.953
CIE-LCH	49.439, 91.726, 34.142
CIE-LUV	49.439, 158.805, 30.137
Hunter-Lab	42.371, 72.804, 25.263
Binary	11101100, 00000000, 00100010

#ec0022
```
#ec0022 rgb(236,0,34)
```
#00ecca
```
#00ecca rgb(0,236,202)
```

Complementary Color

#ec0098
```
#ec0098 rgb(236,0,152)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```
#ec5400
```
#ec5400 rgb(236,84,0)
```

Analogous Color

#0098ec
```
#0098ec rgb(0,152,236)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```
#00ec54
```
#00ec54 rgb(0,236,84)
```

Split Complementary Color

#0022ec
```
#0022ec rgb(0,34,236)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```
#22ec00
```
#22ec00 rgb(34,236,0)
```

Triadic Color

#ca00ec
```
#ca00ec rgb(202,0,236)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```
#22ec00
```
#22ec00 rgb(34,236,0)
```
#00ecca
```
#00ecca rgb(0,236,202)
```

Tetradic Color

#a00017
```
#a00017 rgb(160,0,23)
```
#b9001b
```
#b9001b rgb(185,0,27)
```
#d3001e
```
#d3001e rgb(211,0,30)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```
#ff062a
```
#ff062a rgb(255,6,42)
```
#ff2040
```
#ff2040 rgb(255,32,64)
```
#ff3a56
```
#ff3a56 rgb(255,58,86)
```

Monochromatic Color

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

#ec005d
```
#ec005d rgb(236,0,93)
```
#ec0049
```
#ec0049 rgb(236,0,73)
```
#ec0036
```
#ec0036 rgb(236,0,54)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```
#ec000e
```
#ec000e rgb(236,0,14)
```
#ec0500
```
#ec0500 rgb(236,5,0)
```
#ec1900
```
#ec1900 rgb(236,25,0)
```

Similar Colors

Text with hexadecimal color #ec0022

This text has a font color of #ec0022.

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

#ec0022 background color

This paragraph has a background color of #ec0022.

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

#ec0022 border color

This element has a border color of #ec0022.

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

CSS codes

.text {color:#ec0022;}

.background {background-color:#ec0022;}

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

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, #010000 is the darkest color, while #ffecef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#140003
```
#140003 rgb(20,0,3)
```
#280006
```
#280006 rgb(40,0,6)
```
#3b0009
```
#3b0009 rgb(59,0,9)
```
#4f000b
```
#4f000b rgb(79,0,11)
```
#63000e
```
#63000e rgb(99,0,14)
```
#760011
```
#760011 rgb(118,0,17)
```
#8a0014
```
#8a0014 rgb(138,0,20)
```
#9e0017
```
#9e0017 rgb(158,0,23)
```
#b1001a
```
#b1001a rgb(177,0,26)
```
#c5001c
```
#c5001c rgb(197,0,28)
```
#d8001f
```
#d8001f rgb(216,0,31)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```

Shade Color Variation

#ff0125
```
#ff0125 rgb(255,1,37)
```
#ff1436
```
#ff1436 rgb(255,20,54)
```
#ff2847
```
#ff2847 rgb(255,40,71)
```
#ff3b58
```
#ff3b58 rgb(255,59,88)
```
#ff4f68
```
#ff4f68 rgb(255,79,104)
```
#ff6379
```
#ff6379 rgb(255,99,121)
```
#ff768a
```
#ff768a rgb(255,118,138)
```
#ff8a9b
```
#ff8a9b rgb(255,138,155)
```
#ff9eac
```
#ff9eac rgb(255,158,172)
```
#ffb1bc
```
#ffb1bc rgb(255,177,188)
```
#ffc5cd
```
#ffc5cd rgb(255,197,205)
```
#ffd8de
```
#ffd8de rgb(255,216,222)
```
#ffecef
```
#ffecef rgb(255,236,239)
```

Tint Color Variation

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

#7f6d70
```
#7f6d70 rgb(127,109,112)
```
#886469
```
#886469 rgb(136,100,105)
```
#915b63
```
#915b63 rgb(145,91,99)
```
#9a525c
```
#9a525c rgb(154,82,92)
```
#a34956
```
#a34956 rgb(163,73,86)
```
#ac404f
```
#ac404f rgb(172,64,79)
```
#b63649
```
#b63649 rgb(182,54,73)
```
#bf2d42
```
#bf2d42 rgb(191,45,66)
```
#c8243c
```
#c8243c rgb(200,36,60)
```
#d11b35
```
#d11b35 rgb(209,27,53)
```
#da122f
```
#da122f rgb(218,18,47)
```
#e30928
```
#e30928 rgb(227,9,40)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#6a3b42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897c42 Protanopia 1% of men
#9b760f Deuteranopia 1% of men
#ec1900 Tritanopia 0.001% of the population

Trichromacy

#ad4f36 Protanomaly 1% of men, 0.01% of women
#b94b16 Deuteranomaly 6% of men, 0.4% of women
#ec100c Tritanomaly 0.01% of the population

#ec0022 hex color

#ec0022 Color Information

#ec0022 Color Conversion

Color Schemes with #ec0022

Alternatives to #ec0022

#ec0022 Preview

Shades and Tints of #ec0022

Tones of #ec0022

Color Blindness Simulator