#ec5f40 hex color

In a RGB color space, hex #ec5f40 is composed of 92.5% red, 37.3% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.7% magenta, 72.9% yellow and 7.5% black. It has a hue angle of 10.8 degrees, a saturation of 81.9% and a lightness of 58.8%. #ec5f40 color hex could be obtained by blending #ffbe80 with #d90000. Closest websafe color is: #ff6633.

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

● #ec5f40 color description : Bright red.

The hexadecimal color #ec5f40 has RGB values of R:236, G:95, B:64 and CMYK values of C:0, M:0.6, Y:0.73, K:0.07. Its decimal value is 15490880.

Hex triplet	ec5f40	`#ec5f40`
RGB Decimal	236, 95, 64	`rgb(236,95,64)`
RGB Percent	92.5, 37.3, 25.1	`rgb(92.5%,37.3%,25.1%)`
CMYK	0, 60, 73, 7
HSL	10.8°, 81.9, 58.8	`hsl(10.8,81.9%,58.8%)`
HSV (or HSB)	10.8°, 72.9, 92.5
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.407, 52.757, 45.018
XYZ	39.611, 26.392, 7.858
xyY	0.536, 0.357, 26.392
CIE-LCH	58.407, 69.354, 40.474
CIE-LUV	58.407, 111.852, 37.264
Hunter-Lab	51.373, 47.731, 26.891
Binary	11101100, 01011111, 01000000

#ec5f40
```
#ec5f40 rgb(236,95,64)
```
#40cdec
```
#40cdec rgb(64,205,236)
```

Complementary Color

#ec4077
```
#ec4077 rgb(236,64,119)
```
#ec5f40
```
#ec5f40 rgb(236,95,64)
```
#ecb540
```
#ecb540 rgb(236,181,64)
```

Analogous Color

#4077ec
```
#4077ec rgb(64,119,236)
```
#ec5f40
```
#ec5f40 rgb(236,95,64)
```
#40ecb5
```
#40ecb5 rgb(64,236,181)
```

Split Complementary Color

#5f40ec
```
#5f40ec rgb(95,64,236)
```
#ec5f40
```
#ec5f40 rgb(236,95,64)
```
#40ec5f
```
#40ec5f rgb(64,236,95)
```

Triadic Color

#ec40cd
```
#ec40cd rgb(236,64,205)
```
#ec5f40
```
#ec5f40 rgb(236,95,64)
```
#40ec5f
```
#40ec5f rgb(64,236,95)
```
#40cdec
```
#40cdec rgb(64,205,236)
```

Tetradic Color

#cb3514
```
#cb3514 rgb(203,53,20)
```
#e23b17
```
#e23b17 rgb(226,59,23)
```
#ea4c29
```
#ea4c29 rgb(234,76,41)
```
#ec5f40
```
#ec5f40 rgb(236,95,64)
```
#ee7257
```
#ee7257 rgb(238,114,87)
```
#f1866e
```
#f1866e rgb(241,134,110)
```
#f39986
```
#f39986 rgb(243,153,134)
```

Monochromatic Color

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

#ec404c
```
#ec404c rgb(236,64,76)
```
#ec4240
```
#ec4240 rgb(236,66,64)
```
#ec5140
```
#ec5140 rgb(236,81,64)
```
#ec5f40
```
#ec5f40 rgb(236,95,64)
```
#ec6d40
```
#ec6d40 rgb(236,109,64)
```
#ec7c40
```
#ec7c40 rgb(236,124,64)
```
#ec8a40
```
#ec8a40 rgb(236,138,64)
```

Similar Colors

Text with hexadecimal color #ec5f40

This text has a font color of #ec5f40.

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

#ec5f40 background color

This paragraph has a background color of #ec5f40.

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

#ec5f40 border color

This element has a border color of #ec5f40.

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

CSS codes

.text {color:#ec5f40;}

.background {background-color:#ec5f40;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#170602
```
#170602 rgb(23,6,2)
```
#290b04
```
#290b04 rgb(41,11,4)
```
#3b0f06
```
#3b0f06 rgb(59,15,6)
```
#4d1408
```
#4d1408 rgb(77,20,8)
```
#5e1909
```
#5e1909 rgb(94,25,9)
```
#701d0b
```
#701d0b rgb(112,29,11)
```
#82220d
```
#82220d rgb(130,34,13)
```
#94270f
```
#94270f rgb(148,39,15)
```
#a62b10
```
#a62b10 rgb(166,43,16)
```
#b83012
```
#b83012 rgb(184,48,18)
```
#c93514
```
#c93514 rgb(201,53,20)
```
#db3916
```
#db3916 rgb(219,57,22)
```

Shade Color Variation

#e8411c
```
#e8411c rgb(232,65,28)
```
#ea502e
```
#ea502e rgb(234,80,46)
```
#ec5f40
```
#ec5f40 rgb(236,95,64)
```
#ee6e52
```
#ee6e52 rgb(238,110,82)
```
#f07d64
```
#f07d64 rgb(240,125,100)
```
#f18c76
```
#f18c76 rgb(241,140,118)
```
#f39b87
```
#f39b87 rgb(243,155,135)
```
#f5aa99
```
#f5aa99 rgb(245,170,153)
```
#f7b9ab
```
#f7b9ab rgb(247,185,171)
```
#f8c8bd
```
#f8c8bd rgb(248,200,189)
```
#fad7cf
```
#fad7cf rgb(250,215,207)
```
#fce6e1
```
#fce6e1 rgb(252,230,225)
```
#fef4f2
```
#fef4f2 rgb(254,244,242)
```

Tint Color Variation

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

#9b9391
```
#9b9391 rgb(155,147,145)
```
#a38d89
```
#a38d89 rgb(163,141,137)
```
#ab8881
```
#ab8881 rgb(171,136,129)
```
#b38379
```
#b38379 rgb(179,131,121)
```
#bc7e70
```
#bc7e70 rgb(188,126,112)
```
#c47968
```
#c47968 rgb(196,121,104)
```
#cc7460
```
#cc7460 rgb(204,116,96)
```
#d46e58
```
#d46e58 rgb(212,110,88)
```
#dc6950
```
#dc6950 rgb(220,105,80)
```
#e46448
```
#e46448 rgb(228,100,72)
```
#ec5f40
```
#ec5f40 rgb(236,95,64)
```
#f45a38
```
#f45a38 rgb(244,90,56)
```
#fc5530
```
#fc5530 rgb(252,85,48)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9a7e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09257 Protanopia 1% of men
#b48b40 Deuteranopia 1% of men
#ee6368 Tritanopia 0.001% of the population

Trichromacy

#bb7f4e Protanomaly 1% of men, 0.01% of women
#c87b40 Deuteranomaly 6% of men, 0.4% of women
#ed615a Tritanomaly 0.01% of the population

#ec5f40 hex color

#ec5f40 Color Information

#ec5f40 Color Conversion

Color Schemes with #ec5f40

Alternatives to #ec5f40

#ec5f40 Preview

Shades and Tints of #ec5f40

Tones of #ec5f40

Color Blindness Simulator