#ec6a74 hex color

In a RGB color space, hex #ec6a74 is composed of 92.5% red, 41.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.1% magenta, 50.8% yellow and 7.5% black. It has a hue angle of 355.4 degrees, a saturation of 77.4% and a lightness of 67.1%. #ec6a74 color hex could be obtained by blending #ffd4e8 with #d90000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 93
- G 42
- B 45
RGB color chart
- C 0
- M 55
- Y 51
- K 7
CMYK color chart

● #ec6a74 color description : Soft red.

The hexadecimal color #ec6a74 has RGB values of R:236, G:106, B:116 and CMYK values of C:0, M:0.55, Y:0.51, K:0.07. Its decimal value is 15493748.

Hex triplet	ec6a74	`#ec6a74`
RGB Decimal	236, 106, 116	`rgb(236,106,116)`
RGB Percent	92.5, 41.6, 45.5	`rgb(92.5%,41.6%,45.5%)`
CMYK	0, 55, 51, 7
HSL	355.4°, 77.4, 67.1	`hsl(355.4,77.4%,67.1%)`
HSV (or HSB)	355.4°, 55.1, 92.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.138, 51.046, 19.423
XYZ	42.9, 29.406, 19.939
xyY	0.465, 0.319, 29.406
CIE-LCH	61.138, 54.617, 20.832
CIE-LUV	61.138, 93.558, 14.571
Hunter-Lab	54.227, 46.316, 16.159
Binary	11101100, 01101010, 01110100

#ec6a74
```
#ec6a74 rgb(236,106,116)
```
#6aece2
```
#6aece2 rgb(106,236,226)
```

Complementary Color

#ec6ab5
```
#ec6ab5 rgb(236,106,181)
```
#ec6a74
```
#ec6a74 rgb(236,106,116)
```
#eca16a
```
#eca16a rgb(236,161,106)
```

Analogous Color

#6ab5ec
```
#6ab5ec rgb(106,181,236)
```
#ec6a74
```
#ec6a74 rgb(236,106,116)
```
#6aeca1
```
#6aeca1 rgb(106,236,161)
```

Split Complementary Color

#6a74ec
```
#6a74ec rgb(106,116,236)
```
#ec6a74
```
#ec6a74 rgb(236,106,116)
```
#74ec6a
```
#74ec6a rgb(116,236,106)
```

Triadic Color

#e26aec
```
#e26aec rgb(226,106,236)
```
#ec6a74
```
#ec6a74 rgb(236,106,116)
```
#74ec6a
```
#74ec6a rgb(116,236,106)
```
#6aece2
```
#6aece2 rgb(106,236,226)
```

Tetradic Color

#e32635
```
#e32635 rgb(227,38,53)
```
#e63d4a
```
#e63d4a rgb(230,61,74)
```
#e9535f
```
#e9535f rgb(233,83,95)
```
#ec6a74
```
#ec6a74 rgb(236,106,116)
```
#ef8189
```
#ef8189 rgb(239,129,137)
```
#f2979e
```
#f2979e rgb(242,151,158)
```
#f5aeb3
```
#f5aeb3 rgb(245,174,179)
```

Monochromatic Color

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

#ec6a95
```
#ec6a95 rgb(236,106,149)
```
#ec6a8a
```
#ec6a8a rgb(236,106,138)
```
#ec6a7f
```
#ec6a7f rgb(236,106,127)
```
#ec6a74
```
#ec6a74 rgb(236,106,116)
```
#ec6b6a
```
#ec6b6a rgb(236,107,106)
```
#ec766a
```
#ec766a rgb(236,118,106)
```
#ec816a
```
#ec816a rgb(236,129,106)
```

Similar Colors

Text with hexadecimal color #ec6a74

This text has a font color of #ec6a74.

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

#ec6a74 background color

This paragraph has a background color of #ec6a74.

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

#ec6a74 border color

This element has a border color of #ec6a74.

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

CSS codes

.text {color:#ec6a74;}

.background {background-color:#ec6a74;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#190305
```
#190305 rgb(25,3,5)
```
#2a0508
```
#2a0508 rgb(42,5,8)
```
#3c080c
```
#3c080c rgb(60,8,12)
```
#4d0a0f
```
#4d0a0f rgb(77,10,15)
```
#5f0c12
```
#5f0c12 rgb(95,12,18)
```
#700e16
```
#700e16 rgb(112,14,22)
```
#811019
```
#811019 rgb(129,16,25)
```
#93131d
```
#93131d rgb(147,19,29)
```
#a41520
```
#a41520 rgb(164,21,32)
```
#b61723
```
#b61723 rgb(182,23,35)
```
#c71927
```
#c71927 rgb(199,25,39)
```
#d81c2a
```
#d81c2a rgb(216,28,42)
```

Shade Color Variation

#e32433
```
#e32433 rgb(227,36,51)
```
#e53643
```
#e53643 rgb(229,54,67)
```
#e84754
```
#e84754 rgb(232,71,84)
```
#ea5964
```
#ea5964 rgb(234,89,100)
```
#ec6a74
```
#ec6a74 rgb(236,106,116)
```
#ee7b84
```
#ee7b84 rgb(238,123,132)
```
#f08d94
```
#f08d94 rgb(240,141,148)
```
#f39ea5
```
#f39ea5 rgb(243,158,165)
```
#f5b0b5
```
#f5b0b5 rgb(245,176,181)
```
#f7c1c5
```
#f7c1c5 rgb(247,193,197)
```
#f9d2d5
```
#f9d2d5 rgb(249,210,213)
```
#fce4e6
```
#fce4e6 rgb(252,228,230)
```
#fef5f6
```
#fef5f6 rgb(254,245,246)
```

Tint Color Variation

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

#ababab
```
#ababab rgb(171,171,171)
```
#b2a4a5
```
#b2a4a5 rgb(178,164,165)
```
#b89ea0
```
#b89ea0 rgb(184,158,160)
```
#bf979a
```
#bf979a rgb(191,151,154)
```
#c59195
```
#c59195 rgb(197,145,149)
```
#cc8a8f
```
#cc8a8f rgb(204,138,143)
```
#d2848a
```
#d2848a rgb(210,132,138)
```
#d97d84
```
#d97d84 rgb(217,125,132)
```
#df777f
```
#df777f rgb(223,119,127)
```
#e67079
```
#e67079 rgb(230,112,121)
```
#ec6a74
```
#ec6a74 rgb(236,106,116)
```
#f2646f
```
#f2646f rgb(242,100,111)
```
#f95d69
```
#f95d69 rgb(249,93,105)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a48a8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e988c Protanopia 1% of men
#b39373 Deuteranopia 1% of men
#ec7279 Tritanopia 0.001% of the population

Trichromacy

#ba8783 Protanomaly 1% of men, 0.01% of women
#c88473 Deuteranomaly 6% of men, 0.4% of women
#ec6f77 Tritanomaly 0.01% of the population

#ec6a74 hex color

#ec6a74 Color Information

#ec6a74 Color Conversion

Color Schemes with #ec6a74

Alternatives to #ec6a74

#ec6a74 Preview

Shades and Tints of #ec6a74

Tones of #ec6a74

Color Blindness Simulator