#ec6364 hex color

In a RGB color space, hex #ec6364 is composed of 92.5% red, 38.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.1% magenta, 57.6% yellow and 7.5% black. It has a hue angle of 359.6 degrees, a saturation of 78.3% and a lightness of 65.7%. #ec6364 color hex could be obtained by blending #ffc6c8 with #d90000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 93
- G 39
- B 39
RGB color chart
- C 0
- M 58
- Y 58
- K 7
CMYK color chart

● #ec6364 color description : Soft red.

The hexadecimal color #ec6364 has RGB values of R:236, G:99, B:100 and CMYK values of C:0, M:0.58, Y:0.58, K:0.07. Its decimal value is 15491940.

Hex triplet	ec6364	`#ec6364`
RGB Decimal	236, 99, 100	`rgb(236,99,100)`
RGB Percent	92.5, 38.8, 39.2	`rgb(92.5%,38.8%,39.2%)`
CMYK	0, 58, 58, 7
HSL	359.6°, 78.3, 65.7	`hsl(359.6,78.3%,65.7%)`
HSV (or HSB)	359.6°, 58.1, 92.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.599, 53.022, 26.545
XYZ	41.355, 27.681, 15.221
xyY	0.491, 0.329, 27.681
CIE-LCH	59.599, 59.295, 26.594
CIE-LUV	59.599, 101.913, 21.465
Hunter-Lab	52.612, 48.236, 19.676
Binary	11101100, 01100011, 01100100

#ec6364
```
#ec6364 rgb(236,99,100)
```
#63eceb
```
#63eceb rgb(99,236,235)
```

Complementary Color

#ec63a9
```
#ec63a9 rgb(236,99,169)
```
#ec6364
```
#ec6364 rgb(236,99,100)
```
#eca763
```
#eca763 rgb(236,167,99)
```

Analogous Color

#63a9ec
```
#63a9ec rgb(99,169,236)
```
#ec6364
```
#ec6364 rgb(236,99,100)
```
#63eca7
```
#63eca7 rgb(99,236,167)
```

Split Complementary Color

#6364ec
```
#6364ec rgb(99,100,236)
```
#ec6364
```
#ec6364 rgb(236,99,100)
```
#64ec63
```
#64ec63 rgb(100,236,99)
```

Triadic Color

#eb63ec
```
#eb63ec rgb(235,99,236)
```
#ec6364
```
#ec6364 rgb(236,99,100)
```
#64ec63
```
#64ec63 rgb(100,236,99)
```
#63eceb
```
#63eceb rgb(99,236,235)
```

Tetradic Color

#e41f20
```
#e41f20 rgb(228,31,32)
```
#e63637
```
#e63637 rgb(230,54,55)
```
#e94c4d
```
#e94c4d rgb(233,76,77)
```
#ec6364
```
#ec6364 rgb(236,99,100)
```
#ef7a7b
```
#ef7a7b rgb(239,122,123)
```
#f29091
```
#f29091 rgb(242,144,145)
```
#f4a7a8
```
#f4a7a8 rgb(244,167,168)
```

Monochromatic Color

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

#ec6386
```
#ec6386 rgb(236,99,134)
```
#ec637b
```
#ec637b rgb(236,99,123)
```
#ec636f
```
#ec636f rgb(236,99,111)
```
#ec6364
```
#ec6364 rgb(236,99,100)
```
#ec6d63
```
#ec6d63 rgb(236,109,99)
```
#ec7963
```
#ec7963 rgb(236,121,99)
```
#ec8463
```
#ec8463 rgb(236,132,99)
```

Similar Colors

Text with hexadecimal color #ec6364

This text has a font color of #ec6364.

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

#ec6364 background color

This paragraph has a background color of #ec6364.

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

#ec6364 border color

This element has a border color of #ec6364.

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

CSS codes

.text {color:#ec6364;}

.background {background-color:#ec6364;}

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

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 #fdefef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#130202
```
#130202 rgb(19,2,2)
```
#240405
```
#240405 rgb(36,4,5)
```
#360707
```
#360707 rgb(54,7,7)
```
#470909
```
#470909 rgb(71,9,9)
```
#590b0b
```
#590b0b rgb(89,11,11)
```
#6a0d0e
```
#6a0d0e rgb(106,13,14)
```
#7c0f10
```
#7c0f10 rgb(124,15,16)
```
#8d1112
```
#8d1112 rgb(141,17,18)
```
#9f1314
```
#9f1314 rgb(159,19,20)
```
#b01517
```
#b01517 rgb(176,21,23)
```
#c21819
```
#c21819 rgb(194,24,25)
```
#d31a1b
```
#d31a1b rgb(211,26,27)
```

Shade Color Variation

#e31d1f
```
#e31d1f rgb(227,29,31)
```
#e62f30
```
#e62f30 rgb(230,47,48)
```
#e84041
```
#e84041 rgb(232,64,65)
```
#ea5253
```
#ea5253 rgb(234,82,83)
```
#ec6364
```
#ec6364 rgb(236,99,100)
```
#ee7475
```
#ee7475 rgb(238,116,117)
```
#f08687
```
#f08687 rgb(240,134,135)
```
#f29798
```
#f29798 rgb(242,151,152)
```
#f5a9a9
```
#f5a9a9 rgb(245,169,169)
```
#f7babb
```
#f7babb rgb(247,186,187)
```
#f9cccc
```
#f9cccc rgb(249,204,204)
```
#fbddde
```
#fbddde rgb(251,221,222)
```
#fdefef
```
#fdefef rgb(253,239,239)
```

Tint Color Variation

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

#a9a6a6
```
#a9a6a6 rgb(169,166,166)
```
#afa0a0
```
#afa0a0 rgb(175,160,160)
```
#b69999
```
#b69999 rgb(182,153,153)
```
#bd9292
```
#bd9292 rgb(189,146,146)
```
#c48b8c
```
#c48b8c rgb(196,139,140)
```
#ca8585
```
#ca8585 rgb(202,133,133)
```
#d17e7f
```
#d17e7f rgb(209,126,127)
```
#d87778
```
#d87778 rgb(216,119,120)
```
#df7071
```
#df7071 rgb(223,112,113)
```
#e56a6b
```
#e56a6b rgb(229,106,107)
```
#ec6364
```
#ec6364 rgb(236,99,100)
```
#f35c5d
```
#f35c5d rgb(243,92,93)
```
#f95657
```
#f95657 rgb(249,86,87)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9f8484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d947c Protanopia 1% of men
#b28f63 Deuteranopia 1% of men
#ed6a70 Tritanopia 0.001% of the population

Trichromacy

#ba8273 Protanomaly 1% of men, 0.01% of women
#c77f63 Deuteranomaly 6% of men, 0.4% of women
#ec676c Tritanomaly 0.01% of the population

#ec6364 hex color

#ec6364 Color Information

#ec6364 Color Conversion

Color Schemes with #ec6364

Alternatives to #ec6364

#ec6364 Preview

Shades and Tints of #ec6364

Tones of #ec6364

Color Blindness Simulator