#ec535f hex color

In a RGB color space, hex #ec535f is composed of 92.5% red, 32.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.8% magenta, 59.7% yellow and 7.5% black. It has a hue angle of 355.3 degrees, a saturation of 80.1% and a lightness of 62.5%. #ec535f color hex could be obtained by blending #ffa6be with #d90000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 93
- G 33
- B 37
RGB color chart
- C 0
- M 65
- Y 60
- K 7
CMYK color chart

● #ec535f color description : Soft red.

The hexadecimal color #ec535f has RGB values of R:236, G:83, B:95 and CMYK values of C:0, M:0.65, Y:0.6, K:0.07. Its decimal value is 15487839.

Hex triplet	ec535f	`#ec535f`
RGB Decimal	236, 83, 95	`rgb(236,83,95)`
RGB Percent	92.5, 32.5, 37.3	`rgb(92.5%,32.5%,37.3%)`
CMYK	0, 65, 60, 7
HSL	355.3°, 80.1, 62.5	`hsl(355.3,80.1%,62.5%)`
HSV (or HSB)	355.3°, 64.8, 92.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	56.929, 59.571, 25.939
XYZ	39.752, 24.85, 13.529
xyY	0.509, 0.318, 24.85
CIE-LCH	56.929, 64.974, 23.529
CIE-LUV	56.929, 113.311, 18.705
Hunter-Lab	49.85, 55.107, 18.803
Binary	11101100, 01010011, 01011111

#ec535f
```
#ec535f rgb(236,83,95)
```
#53ece0
```
#53ece0 rgb(83,236,224)
```

Complementary Color

#ec53ac
```
#ec53ac rgb(236,83,172)
```
#ec535f
```
#ec535f rgb(236,83,95)
```
#ec9453
```
#ec9453 rgb(236,148,83)
```

Analogous Color

#53acec
```
#53acec rgb(83,172,236)
```
#ec535f
```
#ec535f rgb(236,83,95)
```
#53ec94
```
#53ec94 rgb(83,236,148)
```

Split Complementary Color

#535fec
```
#535fec rgb(83,95,236)
```
#ec535f
```
#ec535f rgb(236,83,95)
```
#5fec53
```
#5fec53 rgb(95,236,83)
```

Triadic Color

#e053ec
```
#e053ec rgb(224,83,236)
```
#ec535f
```
#ec535f rgb(236,83,95)
```
#5fec53
```
#5fec53 rgb(95,236,83)
```
#53ece0
```
#53ece0 rgb(83,236,224)
```

Tetradic Color

#da1827
```
#da1827 rgb(218,24,39)
```
#e72534
```
#e72534 rgb(231,37,52)
```
#e93c4a
```
#e93c4a rgb(233,60,74)
```
#ec535f
```
#ec535f rgb(236,83,95)
```
#ef6a74
```
#ef6a74 rgb(239,106,116)
```
#f1818a
```
#f1818a rgb(241,129,138)
```
#f4989f
```
#f4989f rgb(244,152,159)
```

Monochromatic Color

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

#ec5385
```
#ec5385 rgb(236,83,133)
```
#ec5379
```
#ec5379 rgb(236,83,121)
```
#ec536c
```
#ec536c rgb(236,83,108)
```
#ec535f
```
#ec535f rgb(236,83,95)
```
#ec5453
```
#ec5453 rgb(236,84,83)
```
#ec6053
```
#ec6053 rgb(236,96,83)
```
#ec6d53
```
#ec6d53 rgb(236,109,83)
```

Similar Colors

Text with hexadecimal color #ec535f

This text has a font color of #ec535f.

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

#ec535f background color

This paragraph has a background color of #ec535f.

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

#ec535f border color

This element has a border color of #ec535f.

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

CSS codes

.text {color:#ec535f;}

.background {background-color:#ec535f;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160204
```
#160204 rgb(22,2,4)
```
#280407
```
#280407 rgb(40,4,7)
```
#3a060a
```
#3a060a rgb(58,6,10)
```
#4b080e
```
#4b080e rgb(75,8,14)
```
#5d0a11
```
#5d0a11 rgb(93,10,17)
```
#6f0c14
```
#6f0c14 rgb(111,12,20)
```
#800e17
```
#800e17 rgb(128,14,23)
```
#92101a
```
#92101a rgb(146,16,26)
```
#a4121d
```
#a4121d rgb(164,18,29)
```
#b51421
```
#b51421 rgb(181,20,33)
```
#c71624
```
#c71624 rgb(199,22,36)
```
#d91827
```
#d91827 rgb(217,24,39)
```

Shade Color Variation

#e61e2e
```
#e61e2e rgb(230,30,46)
```
#e8303e
```
#e8303e rgb(232,48,62)
```
#ea414f
```
#ea414f rgb(234,65,79)
```
#ec535f
```
#ec535f rgb(236,83,95)
```
#ee656f
```
#ee656f rgb(238,101,111)
```
#f07680
```
#f07680 rgb(240,118,128)
```
#f28890
```
#f28890 rgb(242,136,144)
```
#f49aa1
```
#f49aa1 rgb(244,154,161)
```
#f6abb1
```
#f6abb1 rgb(246,171,177)
```
#f8bdc2
```
#f8bdc2 rgb(248,189,194)
```
#facfd2
```
#facfd2 rgb(250,207,210)
```
#fce0e2
```
#fce0e2 rgb(252,224,226)
```
#fef2f3
```
#fef2f3 rgb(254,242,243)
```

Tint Color Variation

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

#a39c9d
```
#a39c9d rgb(163,156,157)
```
#aa9597
```
#aa9597 rgb(170,149,151)
```
#b18e91
```
#b18e91 rgb(177,142,145)
```
#b9868a
```
#b9868a rgb(185,134,138)
```
#c07f84
```
#c07f84 rgb(192,127,132)
```
#c7787e
```
#c7787e rgb(199,120,126)
```
#cf7078
```
#cf7078 rgb(207,112,120)
```
#d66972
```
#d66972 rgb(214,105,114)
```
#dd626b
```
#dd626b rgb(221,98,107)
```
#e55a65
```
#e55a65 rgb(229,90,101)
```
#ec535f
```
#ec535f rgb(236,83,95)
```
#f34c59
```
#f34c59 rgb(243,76,89)
```
#fb4453
```
#fb4453 rgb(251,68,83)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#97797b Atypical Achromatopsia 0.001% of the population

Dichromacy

#958e7b Protanopia 1% of men
#aa885d Deuteranopia 1% of men
#ec5c61 Tritanopia 0.001% of the population

Trichromacy

#b57871 Protanomaly 1% of men, 0.01% of women
#c2755e Deuteranomaly 6% of men, 0.4% of women
#ec5960 Tritanomaly 0.01% of the population

#ec535f hex color

#ec535f Color Information

#ec535f Color Conversion

Color Schemes with #ec535f

Alternatives to #ec535f

#ec535f Preview

Shades and Tints of #ec535f

Tones of #ec535f

Color Blindness Simulator