#ed2f35 hex color

In a RGB color space, hex #ed2f35 is composed of 92.9% red, 18.4% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 77.6% yellow and 7.1% black. It has a hue angle of 358.1 degrees, a saturation of 84.1% and a lightness of 55.7%. #ed2f35 color hex could be obtained by blending #ff5e6a with #db0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 93
- G 18
- B 21
RGB color chart
- C 0
- M 80
- Y 78
- K 7
CMYK color chart

● #ed2f35 color description : Bright red.

The hexadecimal color #ed2f35 has RGB values of R:237, G:47, B:53 and CMYK values of C:0, M:0.8, Y:0.78, K:0.07. Its decimal value is 15544117.

Hex triplet	ed2f35	`#ed2f35`
RGB Decimal	237, 47, 53	`rgb(237,47,53)`
RGB Percent	92.9, 18.4, 20.8	`rgb(92.9%,18.4%,20.8%)`
CMYK	0, 80, 78, 7
HSL	358.1°, 84.1, 55.7	`hsl(358.1,84.1%,55.7%)`
HSV (or HSB)	358.1°, 80.2, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.174, 69.863, 44.243
XYZ	36.586, 20.299, 5.36
xyY	0.588, 0.326, 20.299
CIE-LCH	52.174, 82.694, 32.345
CIE-LUV	52.174, 143.731, 29.293
Hunter-Lab	45.055, 66.103, 24.485
Binary	11101101, 00101111, 00110101

#ed2f35
```
#ed2f35 rgb(237,47,53)
```
#2fede7
```
#2fede7 rgb(47,237,231)
```

Complementary Color

#ed2f94
```
#ed2f94 rgb(237,47,148)
```
#ed2f35
```
#ed2f35 rgb(237,47,53)
```
#ed882f
```
#ed882f rgb(237,136,47)
```

Analogous Color

#2f94ed
```
#2f94ed rgb(47,148,237)
```
#ed2f35
```
#ed2f35 rgb(237,47,53)
```
#2fed88
```
#2fed88 rgb(47,237,136)
```

Split Complementary Color

#2f35ed
```
#2f35ed rgb(47,53,237)
```
#ed2f35
```
#ed2f35 rgb(237,47,53)
```
#35ed2f
```
#35ed2f rgb(53,237,47)
```

Triadic Color

#e72fed
```
#e72fed rgb(231,47,237)
```
#ed2f35
```
#ed2f35 rgb(237,47,53)
```
#35ed2f
```
#35ed2f rgb(53,237,47)
```
#2fede7
```
#2fede7 rgb(47,237,231)
```

Tetradic Color

#bf1116
```
#bf1116 rgb(191,17,22)
```
#d61319
```
#d61319 rgb(214,19,25)
```
#eb181e
```
#eb181e rgb(235,24,30)
```
#ed2f35
```
#ed2f35 rgb(237,47,53)
```
#ef464c
```
#ef464c rgb(239,70,76)
```
#f15e63
```
#f15e63 rgb(241,94,99)
```
#f37579
```
#f37579 rgb(243,117,121)
```

Monochromatic Color

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

#ed2f65
```
#ed2f65 rgb(237,47,101)
```
#ed2f55
```
#ed2f55 rgb(237,47,85)
```
#ed2f45
```
#ed2f45 rgb(237,47,69)
```
#ed2f35
```
#ed2f35 rgb(237,47,53)
```
#ed392f
```
#ed392f rgb(237,57,47)
```
#ed492f
```
#ed492f rgb(237,73,47)
```
#ed592f
```
#ed592f rgb(237,89,47)
```

Similar Colors

Text with hexadecimal color #ed2f35

This text has a font color of #ed2f35.

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

#ed2f35 background color

This paragraph has a background color of #ed2f35.

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

#ed2f35 border color

This element has a border color of #ed2f35.

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

CSS codes

.text {color:#ed2f35;}

.background {background-color:#ed2f35;}

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

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

#090101
```
#090101 rgb(9,1,1)
```
#1b0203
```
#1b0203 rgb(27,2,3)
```
#2d0405
```
#2d0405 rgb(45,4,5)
```
#3f0507
```
#3f0507 rgb(63,5,7)
```
#510709
```
#510709 rgb(81,7,9)
```
#63090b
```
#63090b rgb(99,9,11)
```
#750a0d
```
#750a0d rgb(117,10,13)
```
#870c10
```
#870c10 rgb(135,12,16)
```
#990d12
```
#990d12 rgb(153,13,18)
```
#ab0f14
```
#ab0f14 rgb(171,15,20)
```
#bd1016
```
#bd1016 rgb(189,16,22)
```
#cf1218
```
#cf1218 rgb(207,18,24)
```
#e1131a
```
#e1131a rgb(225,19,26)
```

Shade Color Variation

#eb1d23
```
#eb1d23 rgb(235,29,35)
```
#ed2f35
```
#ed2f35 rgb(237,47,53)
```
#ef4147
```
#ef4147 rgb(239,65,71)
```
#f05358
```
#f05358 rgb(240,83,88)
```
#f2656a
```
#f2656a rgb(242,101,106)
```
#f3777b
```
#f3777b rgb(243,119,123)
```
#f5898d
```
#f5898d rgb(245,137,141)
```
#f69b9e
```
#f69b9e rgb(246,155,158)
```
#f8adb0
```
#f8adb0 rgb(248,173,176)
```
#f9bfc1
```
#f9bfc1 rgb(249,191,193)
```
#fbd1d3
```
#fbd1d3 rgb(251,209,211)
```
#fde4e4
```
#fde4e4 rgb(253,228,228)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#968686
```
#968686 rgb(150,134,134)
```
#9f7d7e
```
#9f7d7e rgb(159,125,126)
```
#a77576
```
#a77576 rgb(167,117,118)
```
#b06c6e
```
#b06c6e rgb(176,108,110)
```
#b96366
```
#b96366 rgb(185,99,102)
```
#c25a5e
```
#c25a5e rgb(194,90,94)
```
#ca5256
```
#ca5256 rgb(202,82,86)
```
#d3494d
```
#d3494d rgb(211,73,77)
```
#dc4045
```
#dc4045 rgb(220,64,69)
```
#e4383d
```
#e4383d rgb(228,56,61)
```
#ed2f35
```
#ed2f35 rgb(237,47,53)
```
#f6262d
```
#f6262d rgb(246,38,45)
```
#fe1e25
```
#fe1e25 rgb(254,30,37)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#835d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8353 Protanopia 1% of men
#a27d30 Deuteranopia 1% of men
#ed3a3b Tritanopia 0.001% of the population

Trichromacy

#b16448 Protanomaly 1% of men, 0.01% of women
#bd6032 Deuteranomaly 6% of men, 0.4% of women
#ed3639 Tritanomaly 0.01% of the population

#ed2f35 hex color

#ed2f35 Color Information

#ed2f35 Color Conversion

Color Schemes with #ed2f35

Alternatives to #ed2f35

#ed2f35 Preview

Shades and Tints of #ed2f35

Tones of #ed2f35

Color Blindness Simulator