#ec0a18 hex color

In a RGB color space, hex #ec0a18 is composed of 92.5% red, 3.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.8% magenta, 89.8% yellow and 7.5% black. It has a hue angle of 356.3 degrees, a saturation of 91.9% and a lightness of 48.2%. #ec0a18 color hex could be obtained by blending #ff1430 with #d90000. Closest websafe color is: #ff0000.

♥
- f
- t
- g
- R 93
- G 4
- B 9
RGB color chart
- C 0
- M 96
- Y 90
- K 7
CMYK color chart

● #ec0a18 color description : Vivid red.

The hexadecimal color #ec0a18 has RGB values of R:236, G:10, B:24 and CMYK values of C:0, M:0.96, Y:0.9, K:0.07. Its decimal value is 15469080.

Hex triplet	ec0a18	`#ec0a18`
RGB Decimal	236, 10, 24	`rgb(236,10,24)`
RGB Percent	92.5, 3.9, 9.4	`rgb(92.5%,3.9%,9.4%)`
CMYK	0, 96, 90, 7
HSL	356.3°, 91.9, 48.2	`hsl(356.3,91.9%,48.2%)`
HSV (or HSB)	356.3°, 95.8, 92.5
Web Safe	ff0000	`#ff0000`

CIE-LAB	49.642, 74.99, 56.135
XYZ	34.867, 18.121, 2.526
xyY	0.628, 0.326, 18.121
CIE-LCH	49.642, 93.673, 36.818
CIE-LUV	49.642, 158.738, 32.67
Hunter-Lab	42.568, 71.714, 26.28
Binary	11101100, 00001010, 00011000

#ec0a18
```
#ec0a18 rgb(236,10,24)
```
#0aecde
```
#0aecde rgb(10,236,222)
```

Complementary Color

#ec0a89
```
#ec0a89 rgb(236,10,137)
```
#ec0a18
```
#ec0a18 rgb(236,10,24)
```
#ec6d0a
```
#ec6d0a rgb(236,109,10)
```

Analogous Color

#0a89ec
```
#0a89ec rgb(10,137,236)
```
#ec0a18
```
#ec0a18 rgb(236,10,24)
```
#0aec6d
```
#0aec6d rgb(10,236,109)
```

Split Complementary Color

#0a18ec
```
#0a18ec rgb(10,24,236)
```
#ec0a18
```
#ec0a18 rgb(236,10,24)
```
#18ec0a
```
#18ec0a rgb(24,236,10)
```

Triadic Color

#de0aec
```
#de0aec rgb(222,10,236)
```
#ec0a18
```
#ec0a18 rgb(236,10,24)
```
#18ec0a
```
#18ec0a rgb(24,236,10)
```
#0aecde
```
#0aecde rgb(10,236,222)
```

Tetradic Color

#a30711
```
#a30711 rgb(163,7,17)
```
#bb0813
```
#bb0813 rgb(187,8,19)
```
#d40916
```
#d40916 rgb(212,9,22)
```
#ec0a18
```
#ec0a18 rgb(236,10,24)
```
#f51a28
```
#f51a28 rgb(245,26,40)
```
#f6333f
```
#f6333f rgb(246,51,63)
```
#f74b56
```
#f74b56 rgb(247,75,86)
```

Monochromatic Color

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

#ec0a51
```
#ec0a51 rgb(236,10,81)
```
#ec0a3e
```
#ec0a3e rgb(236,10,62)
```
#ec0a2b
```
#ec0a2b rgb(236,10,43)
```
#ec0a18
```
#ec0a18 rgb(236,10,24)
```
#ec0f0a
```
#ec0f0a rgb(236,15,10)
```
#ec220a
```
#ec220a rgb(236,34,10)
```
#ec350a
```
#ec350a rgb(236,53,10)
```

Similar Colors

Text with hexadecimal color #ec0a18

This text has a font color of #ec0a18.

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

#ec0a18 background color

This paragraph has a background color of #ec0a18.

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

#ec0a18 border color

This element has a border color of #ec0a18.

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

CSS codes

.text {color:#ec0a18;}

.background {background-color:#ec0a18;}

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

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

#0a0001
```
#0a0001 rgb(10,0,1)
```
#1d0103
```
#1d0103 rgb(29,1,3)
```
#300205
```
#300205 rgb(48,2,5)
```
#430307
```
#430307 rgb(67,3,7)
```
#550409
```
#550409 rgb(85,4,9)
```
#68040b
```
#68040b rgb(104,4,11)
```
#7b050d
```
#7b050d rgb(123,5,13)
```
#8e060e
```
#8e060e rgb(142,6,14)
```
#a10710
```
#a10710 rgb(161,7,16)
```
#b40812
```
#b40812 rgb(180,8,18)
```
#c60814
```
#c60814 rgb(198,8,20)
```
#d90916
```
#d90916 rgb(217,9,22)
```
#ec0a18
```
#ec0a18 rgb(236,10,24)
```

Shade Color Variation

#f51522
```
#f51522 rgb(245,21,34)
```
#f62734
```
#f62734 rgb(246,39,52)
```
#f73a46
```
#f73a46 rgb(247,58,70)
```
#f74d58
```
#f74d58 rgb(247,77,88)
```
#f86069
```
#f86069 rgb(248,96,105)
```
#f9737b
```
#f9737b rgb(249,115,123)
```
#fa858d
```
#fa858d rgb(250,133,141)
```
#fb989e
```
#fb989e rgb(251,152,158)
```
#fbabb0
```
#fbabb0 rgb(251,171,176)
```
#fcbec2
```
#fcbec2 rgb(252,190,194)
```
#fdd1d3
```
#fdd1d3 rgb(253,209,211)
```
#fee4e5
```
#fee4e5 rgb(254,228,229)
```
#fff6f7
```
#fff6f7 rgb(255,246,247)
```

Tint Color Variation

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

#847273
```
#847273 rgb(132,114,115)
```
#8d696b
```
#8d696b rgb(141,105,107)
```
#975f63
```
#975f63 rgb(151,95,99)
```
#a0565a
```
#a0565a rgb(160,86,90)
```
#aa4c52
```
#aa4c52 rgb(170,76,82)
```
#b3434a
```
#b3434a rgb(179,67,74)
```
#bd3941
```
#bd3941 rgb(189,57,65)
```
#c63039
```
#c63039 rgb(198,48,57)
```
#d02631
```
#d02631 rgb(208,38,49)
```
#d91d29
```
#d91d29 rgb(217,29,41)
```
#e31320
```
#e31320 rgb(227,19,32)
```
#ec0a18
```
#ec0a18 rgb(236,10,24)
```
#f50110
```
#f50110 rgb(245,1,16)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#6e4144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7d37 Protanopia 1% of men
#9c7700 Deuteranopia 1% of men
#ec1a0c Tritanopia 0.001% of the population

Trichromacy

#ae532b Protanomaly 1% of men, 0.01% of women
#b94f08 Deuteranomaly 6% of men, 0.4% of women
#ec1410 Tritanomaly 0.01% of the population

#ec0a18 hex color

#ec0a18 Color Information

#ec0a18 Color Conversion

Color Schemes with #ec0a18

Alternatives to #ec0a18

#ec0a18 Preview

Shades and Tints of #ec0a18

Tones of #ec0a18

Color Blindness Simulator