#ec022f hex color

In a RGB color space, hex #ec022f is composed of 92.5% red, 0.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 80.1% yellow and 7.5% black. It has a hue angle of 348.5 degrees, a saturation of 98.3% and a lightness of 46.7%. #ec022f color hex could be obtained by blending #ff045e with #d90000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 93
- G 1
- B 18
RGB color chart
- C 0
- M 99
- Y 80
- K 7
CMYK color chart

● #ec022f color description : Vivid red.

The hexadecimal color #ec022f has RGB values of R:236, G:2, B:47 and CMYK values of C:0, M:0.99, Y:0.8, K:0.07. Its decimal value is 15467055.

Hex triplet	ec022f	`#ec022f`
RGB Decimal	236, 2, 47	`rgb(236,2,47)`
RGB Percent	92.5, 0.8, 18.4	`rgb(92.5%,0.8%,18.4%)`
CMYK	0, 99, 80, 7
HSL	348.5°, 98.3, 46.7	`hsl(348.5,98.3%,46.7%)`
HSV (or HSB)	348.5°, 99.2, 92.5
Web Safe	ff0033	`#ff0033`

CIE-LAB	49.6, 76.061, 44.835
XYZ	35.129, 18.086, 4.331
xyY	0.61, 0.314, 18.086
CIE-LCH	49.6, 88.292, 30.518
CIE-LUV	49.6, 156.093, 26.612
Hunter-Lab	42.528, 73.021, 23.732
Binary	11101100, 00000010, 00101111

#ec022f
```
#ec022f rgb(236,2,47)
```
#02ecbf
```
#02ecbf rgb(2,236,191)
```

Complementary Color

#ec02a4
```
#ec02a4 rgb(236,2,164)
```
#ec022f
```
#ec022f rgb(236,2,47)
```
#ec4a02
```
#ec4a02 rgb(236,74,2)
```

Analogous Color

#02a4ec
```
#02a4ec rgb(2,164,236)
```
#ec022f
```
#ec022f rgb(236,2,47)
```
#02ec4a
```
#02ec4a rgb(2,236,74)
```

Split Complementary Color

#022fec
```
#022fec rgb(2,47,236)
```
#ec022f
```
#ec022f rgb(236,2,47)
```
#2fec02
```
#2fec02 rgb(47,236,2)
```

Triadic Color

#bf02ec
```
#bf02ec rgb(191,2,236)
```
#ec022f
```
#ec022f rgb(236,2,47)
```
#2fec02
```
#2fec02 rgb(47,236,2)
```
#02ecbf
```
#02ecbf rgb(2,236,191)
```

Tetradic Color

#a00120
```
#a00120 rgb(160,1,32)
```
#b90225
```
#b90225 rgb(185,2,37)
```
#d3022a
```
#d3022a rgb(211,2,42)
```
#ec022f
```
#ec022f rgb(236,2,47)
```
#fd0b39
```
#fd0b39 rgb(253,11,57)
```
#fd244e
```
#fd244e rgb(253,36,78)
```
#fd3d62
```
#fd3d62 rgb(253,61,98)
```

Monochromatic Color

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

#ec026a
```
#ec026a rgb(236,2,106)
```
#ec0256
```
#ec0256 rgb(236,2,86)
```
#ec0243
```
#ec0243 rgb(236,2,67)
```
#ec022f
```
#ec022f rgb(236,2,47)
```
#ec021c
```
#ec021c rgb(236,2,28)
```
#ec0208
```
#ec0208 rgb(236,2,8)
```
#ec1002
```
#ec1002 rgb(236,16,2)
```

Similar Colors

Text with hexadecimal color #ec022f

This text has a font color of #ec022f.

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

#ec022f background color

This paragraph has a background color of #ec022f.

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

#ec022f border color

This element has a border color of #ec022f.

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

CSS codes

.text {color:#ec022f;}

.background {background-color:#ec022f;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#160004
```
#160004 rgb(22,0,4)
```
#290008
```
#290008 rgb(41,0,8)
```
#3d010c
```
#3d010c rgb(61,1,12)
```
#500110
```
#500110 rgb(80,1,16)
```
#640114
```
#640114 rgb(100,1,20)
```
#770118
```
#770118 rgb(119,1,24)
```
#8b011c
```
#8b011c rgb(139,1,28)
```
#9e0120
```
#9e0120 rgb(158,1,32)
```
#b20223
```
#b20223 rgb(178,2,35)
```
#c50227
```
#c50227 rgb(197,2,39)
```
#d9022b
```
#d9022b rgb(217,2,43)
```
#ec022f
```
#ec022f rgb(236,2,47)
```

Shade Color Variation

#fd0534
```
#fd0534 rgb(253,5,52)
```
#fd1844
```
#fd1844 rgb(253,24,68)
```
#fd2c54
```
#fd2c54 rgb(253,44,84)
```
#fd3f64
```
#fd3f64 rgb(253,63,100)
```
#fe5373
```
#fe5373 rgb(254,83,115)
```
#fe6683
```
#fe6683 rgb(254,102,131)
```
#fe7993
```
#fe7993 rgb(254,121,147)
```
#fe8da3
```
#fe8da3 rgb(254,141,163)
```
#fea0b2
```
#fea0b2 rgb(254,160,178)
```
#feb4c2
```
#feb4c2 rgb(254,180,194)
```
#ffc7d2
```
#ffc7d2 rgb(255,199,210)
```
#ffdbe2
```
#ffdbe2 rgb(255,219,226)
```
#ffeef1
```
#ffeef1 rgb(255,238,241)
```

Tint Color Variation

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

#7e7073
```
#7e7073 rgb(126,112,115)
```
#87676d
```
#87676d rgb(135,103,109)
```
#905e67
```
#905e67 rgb(144,94,103)
```
#9a5462
```
#9a5462 rgb(154,84,98)
```
#a34b5c
```
#a34b5c rgb(163,75,92)
```
#ac4256
```
#ac4256 rgb(172,66,86)
```
#b53951
```
#b53951 rgb(181,57,81)
```
#be304b
```
#be304b rgb(190,48,75)
```
#c72746
```
#c72746 rgb(199,39,70)
```
#d11d40
```
#d11d40 rgb(209,29,64)
```
#da143a
```
#da143a rgb(218,20,58)
```
#e30b35
```
#e30b35 rgb(227,11,53)
```
#ec022f
```
#ec022f rgb(236,2,47)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#6d3e47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877d51 Protanopia 1% of men
#9b7727 Deuteranopia 1% of men
#ec1b0f Tritanopia 0.001% of the population

Trichromacy

#ac5044 Protanomaly 1% of men, 0.01% of women
#b84c2a Deuteranomaly 6% of men, 0.4% of women
#ec121b Tritanomaly 0.01% of the population

#ec022f hex color

#ec022f Color Information

#ec022f Color Conversion

Color Schemes with #ec022f

Alternatives to #ec022f

#ec022f Preview

Shades and Tints of #ec022f

Tones of #ec022f

Color Blindness Simulator