#ed344c hex color

In a RGB color space, hex #ed344c is composed of 92.9% red, 20.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.1% magenta, 67.9% yellow and 7.1% black. It has a hue angle of 352.2 degrees, a saturation of 83.7% and a lightness of 56.7%. #ed344c color hex could be obtained by blending #ff6898 with #db0000. Closest websafe color is: #ff3333.

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

● #ed344c color description : Bright red.

The hexadecimal color #ed344c has RGB values of R:237, G:52, B:76 and CMYK values of C:0, M:0.78, Y:0.68, K:0.07. Its decimal value is 15545420.

Hex triplet	ed344c	`#ed344c`
RGB Decimal	237, 52, 76	`rgb(237,52,76)`
RGB Percent	92.9, 20.4, 29.8	`rgb(92.9%,20.4%,29.8%)`
CMYK	0, 78, 68, 7
HSL	352.2°, 83.7, 56.7	`hsl(352.2,83.7%,56.7%)`
HSV (or HSB)	352.2°, 78.1, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.935, 69.453, 32.006
XYZ	37.459, 20.987, 8.916
xyY	0.556, 0.312, 20.987
CIE-LCH	52.935, 76.473, 24.741
CIE-LUV	52.935, 135.911, 20.659
Hunter-Lab	45.811, 65.787, 20.529
Binary	11101101, 00110100, 01001100

#ed344c
```
#ed344c rgb(237,52,76)
```
#34edd5
```
#34edd5 rgb(52,237,213)
```

Complementary Color

#ed34a9
```
#ed34a9 rgb(237,52,169)
```
#ed344c
```
#ed344c rgb(237,52,76)
```
#ed7934
```
#ed7934 rgb(237,121,52)
```

Analogous Color

#34a9ed
```
#34a9ed rgb(52,169,237)
```
#ed344c
```
#ed344c rgb(237,52,76)
```
#34ed79
```
#34ed79 rgb(52,237,121)
```

Split Complementary Color

#344ced
```
#344ced rgb(52,76,237)
```
#ed344c
```
#ed344c rgb(237,52,76)
```
#4ced34
```
#4ced34 rgb(76,237,52)
```

Triadic Color

#d534ed
```
#d534ed rgb(213,52,237)
```
#ed344c
```
#ed344c rgb(237,52,76)
```
#4ced34
```
#4ced34 rgb(76,237,52)
```
#34edd5
```
#34edd5 rgb(52,237,213)
```

Tetradic Color

#c31128
```
#c31128 rgb(195,17,40)
```
#db132d
```
#db132d rgb(219,19,45)
```
#eb1d37
```
#eb1d37 rgb(235,29,55)
```
#ed344c
```
#ed344c rgb(237,52,76)
```
#ef4b61
```
#ef4b61 rgb(239,75,97)
```
#f16375
```
#f16375 rgb(241,99,117)
```
#f37a8a
```
#f37a8a rgb(243,122,138)
```

Monochromatic Color

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

#ed347a
```
#ed347a rgb(237,52,122)
```
#ed346b
```
#ed346b rgb(237,52,107)
```
#ed345b
```
#ed345b rgb(237,52,91)
```
#ed344c
```
#ed344c rgb(237,52,76)
```
#ed343d
```
#ed343d rgb(237,52,61)
```
#ed3b34
```
#ed3b34 rgb(237,59,52)
```
#ed4a34
```
#ed4a34 rgb(237,74,52)
```

Similar Colors

Text with hexadecimal color #ed344c

This text has a font color of #ed344c.

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

#ed344c background color

This paragraph has a background color of #ed344c.

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

#ed344c border color

This element has a border color of #ed344c.

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

CSS codes

.text {color:#ed344c;}

.background {background-color:#ed344c;}

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

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, #0d0103 is the darkest color, while #fffafb is the lightest one.

#0d0103
```
#0d0103 rgb(13,1,3)
```
#1f0306
```
#1f0306 rgb(31,3,6)
```
#31040a
```
#31040a rgb(49,4,10)
```
#43060e
```
#43060e rgb(67,6,14)
```
#550812
```
#550812 rgb(85,8,18)
```
#670915
```
#670915 rgb(103,9,21)
```
#790b19
```
#790b19 rgb(121,11,25)
```
#8b0c1d
```
#8b0c1d rgb(139,12,29)
```
#9d0e21
```
#9d0e21 rgb(157,14,33)
```
#af1024
```
#af1024 rgb(175,16,36)
```
#c11128
```
#c11128 rgb(193,17,40)
```
#d3132c
```
#d3132c rgb(211,19,44)
```
#e5142f
```
#e5142f rgb(229,20,47)
```

Shade Color Variation

#eb223c
```
#eb223c rgb(235,34,60)
```
#ed344c
```
#ed344c rgb(237,52,76)
```
#ef465c
```
#ef465c rgb(239,70,92)
```
#f0586c
```
#f0586c rgb(240,88,108)
```
#f26a7c
```
#f26a7c rgb(242,106,124)
```
#f37c8c
```
#f37c8c rgb(243,124,140)
```
#f58e9b
```
#f58e9b rgb(245,142,155)
```
#f7a0ab
```
#f7a0ab rgb(247,160,171)
```
#f8b2bb
```
#f8b2bb rgb(248,178,187)
```
#fac4cb
```
#fac4cb rgb(250,196,203)
```
#fbd6db
```
#fbd6db rgb(251,214,219)
```
#fde8eb
```
#fde8eb rgb(253,232,235)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#98898b
```
#98898b rgb(152,137,139)
```
#a18185
```
#a18185 rgb(161,129,133)
```
#a9787e
```
#a9787e rgb(169,120,126)
```
#b27078
```
#b27078 rgb(178,112,120)
```
#ba6772
```
#ba6772 rgb(186,103,114)
```
#c35f6b
```
#c35f6b rgb(195,95,107)
```
#cb5665
```
#cb5665 rgb(203,86,101)
```
#d44e5f
```
#d44e5f rgb(212,78,95)
```
#dc4559
```
#dc4559 rgb(220,69,89)
```
#e53d52
```
#e53d52 rgb(229,61,82)
```
#ed344c
```
#ed344c rgb(237,52,76)
```
#f62c46
```
#f62c46 rgb(246,44,70)
```
#fe233f
```
#fe233f rgb(254,35,63)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#876267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c846d Protanopia 1% of men
#a17f49 Deuteranopia 1% of men
#ed4143 Tritanopia 0.001% of the population

Trichromacy

#af6761 Protanomaly 1% of men, 0.01% of women
#bd634a Deuteranomaly 6% of men, 0.4% of women
#ed3c46 Tritanomaly 0.01% of the population

#ed344c hex color

#ed344c Color Information

#ed344c Color Conversion

Color Schemes with #ed344c

Alternatives to #ed344c

#ed344c Preview

Shades and Tints of #ed344c

Tones of #ed344c

Color Blindness Simulator