colorhexa.com

#e2504d hex color

In a RGB color space, hex #e2504d is composed of 88.6% red, 31.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.6% magenta, 65.9% yellow and 11.4% black. It has a hue angle of 1.2 degrees, a saturation of 72% and a lightness of 59.4%. #e2504d color hex could be obtained by blending #ffa09a with #c50000. Closest websafe color is: #cc6666.

- R 89
- G 31
- B 30
RGB color chart
- C 0
- M 65
- Y 66
- K 11
CMYK color chart

● #e2504d color description : Soft red.

The hexadecimal color #e2504d has RGB values of R:226, G:80, B:77 and CMYK values of C:0, M:0.65, Y:0.66, K:0.11. Its decimal value is 14831693.

Hex triplet	e2504d	`#e2504d`
RGB Decimal	226, 80, 77	`rgb(226,80,77)`
RGB Percent	88.6, 31.4, 30.2	`rgb(88.6%,31.4%,30.2%)`
CMYK	0, 65, 66, 11
HSL	1.2°, 72, 59.4	`hsl(1.2,72%,59.4%)`
HSV (or HSB)	1.2°, 65.9, 88.6
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.497, 56.464, 32.903
XYZ	35.574, 22.446, 9.48
xyY	0.527, 0.333, 22.446
CIE-LCH	54.497, 65.351, 30.23
CIE-LUV	54.497, 111.423, 25.37
Hunter-Lab	47.377, 51.12, 21.3
Binary	11100010, 01010000, 01001101

#e2504d
```
#e2504d rgb(226,80,77)
```
#4ddfe2
```
#4ddfe2 rgb(77,223,226)
```

Complementary Color

#e24d95
```
#e24d95 rgb(226,77,149)
```
#e2504d
```
#e2504d rgb(226,80,77)
```
#e29b4d
```
#e29b4d rgb(226,155,77)
```

Analogous Color

#4d95e2
```
#4d95e2 rgb(77,149,226)
```
#e2504d
```
#e2504d rgb(226,80,77)
```
#4de29b
```
#4de29b rgb(77,226,155)
```

Split Complementary Color

#504de2
```
#504de2 rgb(80,77,226)
```
#e2504d
```
#e2504d rgb(226,80,77)
```
#4de250
```
#4de250 rgb(77,226,80)
```

Triadic Color

#e24ddf
```
#e24ddf rgb(226,77,223)
```
#e2504d
```
#e2504d rgb(226,80,77)
```
#4de250
```
#4de250 rgb(77,226,80)
```
#4ddfe2
```
#4ddfe2 rgb(77,223,226)
```

Tetradic Color

#c32320
```
#c32320 rgb(195,35,32)
```
#d92723
```
#d92723 rgb(217,39,35)
```
#de3a37
```
#de3a37 rgb(222,58,55)
```
#e2504d
```
#e2504d rgb(226,80,77)
```
#e66663
```
#e66663 rgb(230,102,99)
```
#e97b79
```
#e97b79 rgb(233,123,121)
```
#ed918f
```
#ed918f rgb(237,145,143)
```

Monochromatic Color

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

#e24d6f
```
#e24d6f rgb(226,77,111)
```
#e24d63
```
#e24d63 rgb(226,77,99)
```
#e24d56
```
#e24d56 rgb(226,77,86)
```
#e2504d
```
#e2504d rgb(226,80,77)
```
#e25c4d
```
#e25c4d rgb(226,92,77)
```
#e2694d
```
#e2694d rgb(226,105,77)
```
#e2754d
```
#e2754d rgb(226,117,77)
```

Similar Colors

Text with hexadecimal color #e2504d

This text has a font color of #e2504d.

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

#e2504d background color

This paragraph has a background color of #e2504d.

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

#e2504d border color

This element has a border color of #e2504d.

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

CSS codes

.text {color:#e2504d;}

.background {background-color:#e2504d;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#180404
```
#180404 rgb(24,4,4)
```
#290707
```
#290707 rgb(41,7,7)
```
#3a0a09
```
#3a0a09 rgb(58,10,9)
```
#4b0d0c
```
#4b0d0c rgb(75,13,12)
```
#5c110f
```
#5c110f rgb(92,17,15)
```
#6d1412
```
#6d1412 rgb(109,20,18)
```
#7e1714
```
#7e1714 rgb(126,23,20)
```
#8e1a17
```
#8e1a17 rgb(142,26,23)
```
#9f1d1a
```
#9f1d1a rgb(159,29,26)
```
#b0201d
```
#b0201d rgb(176,32,29)
```
#c1231f
```
#c1231f rgb(193,35,31)
```
#d22622
```
#d22622 rgb(210,38,34)
```

Shade Color Variation

#dd2f2b
```
#dd2f2b rgb(221,47,43)
```
#df3f3c
```
#df3f3c rgb(223,63,60)
```
#e2504d
```
#e2504d rgb(226,80,77)
```
#e5615e
```
#e5615e rgb(229,97,94)
```
#e7716f
```
#e7716f rgb(231,113,111)
```
#ea8280
```
#ea8280 rgb(234,130,128)
```
#ed9290
```
#ed9290 rgb(237,146,144)
```
#f0a3a1
```
#f0a3a1 rgb(240,163,161)
```
#f2b3b2
```
#f2b3b2 rgb(242,179,178)
```
#f5c4c3
```
#f5c4c3 rgb(245,196,195)
```
#f8d5d4
```
#f8d5d4 rgb(248,213,212)
```
#fbe5e5
```
#fbe5e5 rgb(251,229,229)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#9a9595
```
#9a9595 rgb(154,149,149)
```
#a28d8d
```
#a28d8d rgb(162,141,141)
```
#aa8585
```
#aa8585 rgb(170,133,133)
```
#b27e7d
```
#b27e7d rgb(178,126,125)
```
#ba7675
```
#ba7675 rgb(186,118,117)
```
#c26f6d
```
#c26f6d rgb(194,111,109)
```
#ca6765
```
#ca6765 rgb(202,103,101)
```
#d25f5d
```
#d25f5d rgb(210,95,93)
```
#da5855
```
#da5855 rgb(218,88,85)
```
#e2504d
```
#e2504d rgb(226,80,77)
```
#ea4845
```
#ea4845 rgb(234,72,69)
```
#f2413d
```
#f2413d rgb(242,65,61)
```
#fa3935
```
#fa3935 rgb(250,57,53)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#907272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928867 Protanopia 1% of men
#a6824c Deuteranopia 1% of men
#e3585c Tritanopia 0.001% of the population

Trichromacy

#af745d Protanomaly 1% of men, 0.01% of women
#bb704c Deuteranomaly 6% of men, 0.4% of women
#e35557 Tritanomaly 0.01% of the population