#ed2f33 hex color

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

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

● #ed2f33 color description : Bright red.

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

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

CIE-LAB	52.154, 69.801, 45.306
XYZ	36.541, 20.281, 5.122
xyY	0.59, 0.327, 20.281
CIE-LCH	52.154, 83.216, 32.987
CIE-LUV	52.154, 144.134, 29.973
Hunter-Lab	45.035, 66.024, 24.78
Binary	11101101, 00101111, 00110011

#ed2f33
```
#ed2f33 rgb(237,47,51)
```
#2fede9
```
#2fede9 rgb(47,237,233)
```

Complementary Color

#ed2f92
```
#ed2f92 rgb(237,47,146)
```
#ed2f33
```
#ed2f33 rgb(237,47,51)
```
#ed8a2f
```
#ed8a2f rgb(237,138,47)
```

Analogous Color

#2f92ed
```
#2f92ed rgb(47,146,237)
```
#ed2f33
```
#ed2f33 rgb(237,47,51)
```
#2fed8a
```
#2fed8a rgb(47,237,138)
```

Split Complementary Color

#2f33ed
```
#2f33ed rgb(47,51,237)
```
#ed2f33
```
#ed2f33 rgb(237,47,51)
```
#33ed2f
```
#33ed2f rgb(51,237,47)
```

Triadic Color

#e92fed
```
#e92fed rgb(233,47,237)
```
#ed2f33
```
#ed2f33 rgb(237,47,51)
```
#33ed2f
```
#33ed2f rgb(51,237,47)
```
#2fede9
```
#2fede9 rgb(47,237,233)
```

Tetradic Color

#bf1114
```
#bf1114 rgb(191,17,20)
```
#d61317
```
#d61317 rgb(214,19,23)
```
#eb181c
```
#eb181c rgb(235,24,28)
```
#ed2f33
```
#ed2f33 rgb(237,47,51)
```
#ef464a
```
#ef464a rgb(239,70,74)
```
#f15e61
```
#f15e61 rgb(241,94,97)
```
#f37578
```
#f37578 rgb(243,117,120)
```

Monochromatic Color

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

#ed2f63
```
#ed2f63 rgb(237,47,99)
```
#ed2f53
```
#ed2f53 rgb(237,47,83)
```
#ed2f43
```
#ed2f43 rgb(237,47,67)
```
#ed2f33
```
#ed2f33 rgb(237,47,51)
```
#ed3b2f
```
#ed3b2f rgb(237,59,47)
```
#ed4b2f
```
#ed4b2f rgb(237,75,47)
```
#ed5b2f
```
#ed5b2f rgb(237,91,47)
```

Similar Colors

Text with hexadecimal color #ed2f33

This text has a font color of #ed2f33.

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

#ed2f33 background color

This paragraph has a background color of #ed2f33.

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

#ed2f33 border color

This element has a border color of #ed2f33.

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

CSS codes

.text {color:#ed2f33;}

.background {background-color:#ed2f33;}

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

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)
```
#63090a
```
#63090a rgb(99,9,10)
```
#750a0c
```
#750a0c rgb(117,10,12)
```
#870c0e
```
#870c0e rgb(135,12,14)
```
#990d10
```
#990d10 rgb(153,13,16)
```
#ab0f12
```
#ab0f12 rgb(171,15,18)
```
#bd1014
```
#bd1014 rgb(189,16,20)
```
#cf1216
```
#cf1216 rgb(207,18,22)
```
#e11318
```
#e11318 rgb(225,19,24)
```

Shade Color Variation

#eb1d21
```
#eb1d21 rgb(235,29,33)
```
#ed2f33
```
#ed2f33 rgb(237,47,51)
```
#ef4145
```
#ef4145 rgb(239,65,69)
```
#f05356
```
#f05356 rgb(240,83,86)
```
#f26568
```
#f26568 rgb(242,101,104)
```
#f3777a
```
#f3777a rgb(243,119,122)
```
#f5898c
```
#f5898c rgb(245,137,140)
```
#f69b9d
```
#f69b9d rgb(246,155,157)
```
#f8adaf
```
#f8adaf rgb(248,173,175)
```
#f9bfc1
```
#f9bfc1 rgb(249,191,193)
```
#fbd1d2
```
#fbd1d2 rgb(251,209,210)
```
#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 #fe1e22 is the most saturated one.

#968686
```
#968686 rgb(150,134,134)
```
#9f7d7e
```
#9f7d7e rgb(159,125,126)
```
#a77576
```
#a77576 rgb(167,117,118)
```
#b06c6d
```
#b06c6d rgb(176,108,109)
```
#b96365
```
#b96365 rgb(185,99,101)
```
#c25a5d
```
#c25a5d rgb(194,90,93)
```
#ca5254
```
#ca5254 rgb(202,82,84)
```
#d3494c
```
#d3494c rgb(211,73,76)
```
#dc4044
```
#dc4044 rgb(220,64,68)
```
#e4383b
```
#e4383b rgb(228,56,59)
```
#ed2f33
```
#ed2f33 rgb(237,47,51)
```
#f6262b
```
#f6262b rgb(246,38,43)
```
#fe1e22
```
#fe1e22 rgb(254,30,34)
```

Tone Color Variation

Below, you can see how #ed2f33 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
#835d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8351 Protanopia 1% of men
#a27d2e Deuteranopia 1% of men
#ed3a3b Tritanopia 0.001% of the population

Trichromacy

#b16446 Protanomaly 1% of men, 0.01% of women
#bd602f Deuteranomaly 6% of men, 0.4% of women
#ed3638 Tritanomaly 0.01% of the population

#ed2f33 hex color

#ed2f33 Color Information

#ed2f33 Color Conversion

Color Schemes with #ed2f33

Alternatives to #ed2f33

#ed2f33 Preview

Shades and Tints of #ed2f33

Tones of #ed2f33

Color Blindness Simulator