#ec0c30 hex color

In a RGB color space, hex #ec0c30 is composed of 92.5% red, 4.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.9% magenta, 79.7% yellow and 7.5% black. It has a hue angle of 350.4 degrees, a saturation of 90.3% and a lightness of 48.6%. #ec0c30 color hex could be obtained by blending #ff1860 with #d90000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 93
- G 5
- B 19
RGB color chart
- C 0
- M 95
- Y 80
- K 7
CMYK color chart

● #ec0c30 color description : Vivid red.

The hexadecimal color #ec0c30 has RGB values of R:236, G:12, B:48 and CMYK values of C:0, M:0.95, Y:0.8, K:0.07. Its decimal value is 15469616.

Hex triplet	ec0c30	`#ec0c30`
RGB Decimal	236, 12, 48	`rgb(236,12,48)`
RGB Percent	92.5, 4.7, 18.8	`rgb(92.5%,4.7%,18.8%)`
CMYK	0, 95, 80, 7
HSL	350.4°, 90.3, 48.6	`hsl(350.4,90.3%,48.6%)`
HSV (or HSB)	350.4°, 94.9, 92.5
Web Safe	ff0033	`#ff0033`

CIE-LAB	49.875, 75.322, 44.559
XYZ	35.259, 18.314, 4.475
xyY	0.607, 0.315, 18.314
CIE-LCH	49.875, 87.515, 30.608
CIE-LUV	49.875, 154.491, 26.804
Hunter-Lab	42.795, 72.177, 23.757
Binary	11101100, 00001100, 00110000

#ec0c30
```
#ec0c30 rgb(236,12,48)
```
#0cecc8
```
#0cecc8 rgb(12,236,200)
```

Complementary Color

#ec0ca0
```
#ec0ca0 rgb(236,12,160)
```
#ec0c30
```
#ec0c30 rgb(236,12,48)
```
#ec580c
```
#ec580c rgb(236,88,12)
```

Analogous Color

#0ca0ec
```
#0ca0ec rgb(12,160,236)
```
#ec0c30
```
#ec0c30 rgb(236,12,48)
```
#0cec58
```
#0cec58 rgb(12,236,88)
```

Split Complementary Color

#0c30ec
```
#0c30ec rgb(12,48,236)
```
#ec0c30
```
#ec0c30 rgb(236,12,48)
```
#30ec0c
```
#30ec0c rgb(48,236,12)
```

Triadic Color

#c80cec
```
#c80cec rgb(200,12,236)
```
#ec0c30
```
#ec0c30 rgb(236,12,48)
```
#30ec0c
```
#30ec0c rgb(48,236,12)
```
#0cecc8
```
#0cecc8 rgb(12,236,200)
```

Tetradic Color

#a30821
```
#a30821 rgb(163,8,33)
```
#bb0a26
```
#bb0a26 rgb(187,10,38)
```
#d40b2b
```
#d40b2b rgb(212,11,43)
```
#ec0c30
```
#ec0c30 rgb(236,12,48)
```
#f41e40
```
#f41e40 rgb(244,30,64)
```
#f53655
```
#f53655 rgb(245,54,85)
```
#f64e69
```
#f64e69 rgb(246,78,105)
```

Monochromatic Color

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

#ec0c68
```
#ec0c68 rgb(236,12,104)
```
#ec0c55
```
#ec0c55 rgb(236,12,85)
```
#ec0c43
```
#ec0c43 rgb(236,12,67)
```
#ec0c30
```
#ec0c30 rgb(236,12,48)
```
#ec0c1d
```
#ec0c1d rgb(236,12,29)
```
#ec0d0c
```
#ec0d0c rgb(236,13,12)
```
#ec200c
```
#ec200c rgb(236,32,12)
```

Similar Colors

Text with hexadecimal color #ec0c30

This text has a font color of #ec0c30.

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

#ec0c30 background color

This paragraph has a background color of #ec0c30.

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

#ec0c30 border color

This element has a border color of #ec0c30.

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

CSS codes

.text {color:#ec0c30;}

.background {background-color:#ec0c30;}

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

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

#0c0102
```
#0c0102 rgb(12,1,2)
```
#1f0206
```
#1f0206 rgb(31,2,6)
```
#31030a
```
#31030a rgb(49,3,10)
```
#44030e
```
#44030e rgb(68,3,14)
```
#570412
```
#570412 rgb(87,4,18)
```
#690515
```
#690515 rgb(105,5,21)
```
#7c0619
```
#7c0619 rgb(124,6,25)
```
#8f071d
```
#8f071d rgb(143,7,29)
```
#a10821
```
#a10821 rgb(161,8,33)
```
#b40925
```
#b40925 rgb(180,9,37)
```
#c70a28
```
#c70a28 rgb(199,10,40)
```
#d90b2c
```
#d90b2c rgb(217,11,44)
```
#ec0c30
```
#ec0c30 rgb(236,12,48)
```

Shade Color Variation

#f3183c
```
#f3183c rgb(243,24,60)
```
#f42b4b
```
#f42b4b rgb(244,43,75)
```
#f53e5b
```
#f53e5b rgb(245,62,91)
```
#f6506b
```
#f6506b rgb(246,80,107)
```
#f7637b
```
#f7637b rgb(247,99,123)
```
#f8768b
```
#f8768b rgb(248,118,139)
```
#f9889a
```
#f9889a rgb(249,136,154)
```
#fa9baa
```
#fa9baa rgb(250,155,170)
```
#fbaeba
```
#fbaeba rgb(251,174,186)
```
#fcc0ca
```
#fcc0ca rgb(252,192,202)
```
#fdd3da
```
#fdd3da rgb(253,211,218)
```
#fee6ea
```
#fee6ea rgb(254,230,234)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#837577
```
#837577 rgb(131,117,119)
```
#8d6b71
```
#8d6b71 rgb(141,107,113)
```
#96626a
```
#96626a rgb(150,98,106)
```
#a05864
```
#a05864 rgb(160,88,100)
```
#a94f5d
```
#a94f5d rgb(169,79,93)
```
#b34557
```
#b34557 rgb(179,69,87)
```
#bc3c50
```
#bc3c50 rgb(188,60,80)
```
#c6324a
```
#c6324a rgb(198,50,74)
```
#cf2943
```
#cf2943 rgb(207,41,67)
```
#d91f3d
```
#d91f3d rgb(217,31,61)
```
#e21636
```
#e21636 rgb(226,22,54)
```
#ec0c30
```
#ec0c30 rgb(236,12,48)
```
#f6022a
```
#f6022a rgb(246,2,42)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#72454c Atypical Achromatopsia 0.001% of the population

Dichromacy

#887d52 Protanopia 1% of men
#9c7729 Deuteranopia 1% of men
#ec211a Tritanopia 0.001% of the population

Trichromacy

#ac5445 Protanomaly 1% of men, 0.01% of women
#b9502b Deuteranomaly 6% of men, 0.4% of women
#ec1922 Tritanomaly 0.01% of the population

#ec0c30 hex color

#ec0c30 Color Information

#ec0c30 Color Conversion

Color Schemes with #ec0c30

Alternatives to #ec0c30

#ec0c30 Preview

Shades and Tints of #ec0c30

Tones of #ec0c30

Color Blindness Simulator