#ec221d hex color

In a RGB color space, hex #ec221d is composed of 92.5% red, 13.3% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 87.7% yellow and 7.5% black. It has a hue angle of 1.4 degrees, a saturation of 84.5% and a lightness of 52%. #ec221d color hex could be obtained by blending #ff443a with #d90000. Closest websafe color is: #ff3333.

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

● #ec221d color description : Vivid red.

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

Hex triplet	ec221d	`#ec221d`
RGB Decimal	236, 34, 29	`rgb(236,34,29)`
RGB Percent	92.5, 13.3, 11.4	`rgb(92.5%,13.3%,11.4%)`
CMYK	0, 86, 88, 7
HSL	1.4°, 84.5, 52	`hsl(1.4,84.5%,52%)`
HSV (or HSB)	1.4°, 87.7, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.769, 71.902, 54.847
XYZ	35.388, 19.07, 2.98
xyY	0.616, 0.332, 19.07
CIE-LCH	50.769, 90.433, 37.336
CIE-LUV	50.769, 152.201, 33.766
Hunter-Lab	43.669, 68.227, 26.523
Binary	11101100, 00100010, 00011101

#ec221d
```
#ec221d rgb(236,34,29)
```
#1de7ec
```
#1de7ec rgb(29,231,236)
```

Complementary Color

#ec1d80
```
#ec1d80 rgb(236,29,128)
```
#ec221d
```
#ec221d rgb(236,34,29)
```
#ec8a1d
```
#ec8a1d rgb(236,138,29)
```

Analogous Color

#1d80ec
```
#1d80ec rgb(29,128,236)
```
#ec221d
```
#ec221d rgb(236,34,29)
```
#1dec8a
```
#1dec8a rgb(29,236,138)
```

Split Complementary Color

#221dec
```
#221dec rgb(34,29,236)
```
#ec221d
```
#ec221d rgb(236,34,29)
```
#1dec22
```
#1dec22 rgb(29,236,34)
```

Triadic Color

#ec1de7
```
#ec1de7 rgb(236,29,231)
```
#ec221d
```
#ec221d rgb(236,34,29)
```
#1dec22
```
#1dec22 rgb(29,236,34)
```
#1de7ec
```
#1de7ec rgb(29,231,236)
```

Tetradic Color

#ae120f
```
#ae120f rgb(174,18,15)
```
#c51511
```
#c51511 rgb(197,21,17)
```
#dd1713
```
#dd1713 rgb(221,23,19)
```
#ec221d
```
#ec221d rgb(236,34,29)
```
#ee3935
```
#ee3935 rgb(238,57,53)
```
#f0504c
```
#f0504c rgb(240,80,76)
```
#f26764
```
#f26764 rgb(242,103,100)
```

Monochromatic Color

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

#ec1d4c
```
#ec1d4c rgb(236,29,76)
```
#ec1d3a
```
#ec1d3a rgb(236,29,58)
```
#ec1d29
```
#ec1d29 rgb(236,29,41)
```
#ec221d
```
#ec221d rgb(236,34,29)
```
#ec331d
```
#ec331d rgb(236,51,29)
```
#ec451d
```
#ec451d rgb(236,69,29)
```
#ec561d
```
#ec561d rgb(236,86,29)
```

Similar Colors

Text with hexadecimal color #ec221d

This text has a font color of #ec221d.

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

#ec221d background color

This paragraph has a background color of #ec221d.

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

#ec221d border color

This element has a border color of #ec221d.

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

CSS codes

.text {color:#ec221d;}

.background {background-color:#ec221d;}

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

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

#090101
```
#090101 rgb(9,1,1)
```
#1b0302
```
#1b0302 rgb(27,3,2)
```
#2d0504
```
#2d0504 rgb(45,5,4)
```
#400705
```
#400705 rgb(64,7,5)
```
#520907
```
#520907 rgb(82,9,7)
```
#640b08
```
#640b08 rgb(100,11,8)
```
#760d0a
```
#760d0a rgb(118,13,10)
```
#880e0b
```
#880e0b rgb(136,14,11)
```
#9a100d
```
#9a100d rgb(154,16,13)
```
#ac120e
```
#ac120e rgb(172,18,14)
```
#be1410
```
#be1410 rgb(190,20,16)
```
#d01612
```
#d01612 rgb(208,22,18)
```
#e21813
```
#e21813 rgb(226,24,19)
```

Shade Color Variation

#ec221d
```
#ec221d rgb(236,34,29)
```
#ee342f
```
#ee342f rgb(238,52,47)
```
#ef4541
```
#ef4541 rgb(239,69,65)
```
#f15753
```
#f15753 rgb(241,87,83)
```
#f26965
```
#f26965 rgb(242,105,101)
```
#f47a77
```
#f47a77 rgb(244,122,119)
```
#f58c8a
```
#f58c8a rgb(245,140,138)
```
#f79e9c
```
#f79e9c rgb(247,158,156)
```
#f8b0ae
```
#f8b0ae rgb(248,176,174)
```
#fac1c0
```
#fac1c0 rgb(250,193,192)
```
#fbd3d2
```
#fbd3d2 rgb(251,211,210)
```
#fde5e4
```
#fde5e4 rgb(253,229,228)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#8e7c7b
```
#8e7c7b rgb(142,124,123)
```
#977372
```
#977372 rgb(151,115,114)
```
#a16a68
```
#a16a68 rgb(161,106,104)
```
#aa615f
```
#aa615f rgb(170,97,95)
```
#b35856
```
#b35856 rgb(179,88,86)
```
#bd4f4c
```
#bd4f4c rgb(189,79,76)
```
#c64643
```
#c64643 rgb(198,70,67)
```
#d03d39
```
#d03d39 rgb(208,61,57)
```
#d93430
```
#d93430 rgb(217,52,48)
```
#e32b26
```
#e32b26 rgb(227,43,38)
```
#ec221d
```
#ec221d rgb(236,34,29)
```
#f51914
```
#f51914 rgb(245,25,20)
```
#ff100a
```
#ff100a rgb(255,16,10)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7a5251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d803a Protanopia 1% of men
#a07900 Deuteranopia 1% of men
#ed2d2b Tritanopia 0.001% of the population

Trichromacy

#af5d2f Protanomaly 1% of men, 0.01% of women
#bb590a Deuteranomaly 6% of men, 0.4% of women
#ec2926 Tritanomaly 0.01% of the population

#ec221d hex color

#ec221d Color Information

#ec221d Color Conversion

Color Schemes with #ec221d

Alternatives to #ec221d

#ec221d Preview

Shades and Tints of #ec221d

Tones of #ec221d

Color Blindness Simulator