#ff4d50 hex color

In a RGB color space, hex #ff4d50 is composed of 100% red, 30.2% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.8% magenta, 68.6% yellow and 0% black. It has a hue angle of 359 degrees, a saturation of 100% and a lightness of 65.1%. #ff4d50 color hex could be obtained by blending #ff9aa0 with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 30
- B 31
RGB color chart
- C 0
- M 70
- Y 69
- K 0
CMYK color chart

● #ff4d50 color description : Light red.

The hexadecimal color #ff4d50 has RGB values of R:255, G:77, B:80 and CMYK values of C:0, M:0.7, Y:0.69, K:0. Its decimal value is 16731472.

Hex triplet	ff4d50	`#ff4d50`
RGB Decimal	255, 77, 80	`rgb(255,77,80)`
RGB Percent	100, 30.2, 31.4	`rgb(100%,30.2%,31.4%)`
CMYK	0, 70, 69, 0
HSL	359°, 100, 65.1	`hsl(359,100%,65.1%)`
HSV (or HSB)	359°, 69.8, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.115, 66.917, 37.962
XYZ	45.344, 27.152, 10.442
xyY	0.547, 0.327, 27.152
CIE-LCH	59.115, 76.935, 29.566
CIE-LUV	59.115, 135.977, 28.133
Hunter-Lab	52.108, 64.141, 24.594
Binary	11111111, 01001101, 01010000

#ff4d50
```
#ff4d50 rgb(255,77,80)
```
#4dfffc
```
#4dfffc rgb(77,255,252)
```

Complementary Color

#ff4da9
```
#ff4da9 rgb(255,77,169)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```
#ffa34d
```
#ffa34d rgb(255,163,77)
```

Analogous Color

#4da9ff
```
#4da9ff rgb(77,169,255)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```
#4dffa3
```
#4dffa3 rgb(77,255,163)
```

Split Complementary Color

#4d50ff
```
#4d50ff rgb(77,80,255)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```
#50ff4d
```
#50ff4d rgb(80,255,77)
```

Triadic Color

#fc4dff
```
#fc4dff rgb(252,77,255)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```
#50ff4d
```
#50ff4d rgb(80,255,77)
```
#4dfffc
```
#4dfffc rgb(77,255,252)
```

Tetradic Color

#ff0005
```
#ff0005 rgb(255,0,5)
```
#ff1a1e
```
#ff1a1e rgb(255,26,30)
```
#ff3437
```
#ff3437 rgb(255,52,55)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```
#ff6769
```
#ff6769 rgb(255,103,105)
```
#ff8082
```
#ff8082 rgb(255,128,130)
```
#ff9a9b
```
#ff9a9b rgb(255,154,155)
```

Monochromatic Color

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

#ff4d7d
```
#ff4d7d rgb(255,77,125)
```
#ff4d6e
```
#ff4d6e rgb(255,77,110)
```
#ff4d5f
```
#ff4d5f rgb(255,77,95)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```
#ff594d
```
#ff594d rgb(255,89,77)
```
#ff684d
```
#ff684d rgb(255,104,77)
```
#ff774d
```
#ff774d rgb(255,119,77)
```

Similar Colors

Text with hexadecimal color #ff4d50

This text has a font color of #ff4d50.

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

#ff4d50 background color

This paragraph has a background color of #ff4d50.

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

#ff4d50 border color

This element has a border color of #ff4d50.

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

CSS codes

.text {color:#ff4d50;}

.background {background-color:#ff4d50;}

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

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

#120000
```
#120000 rgb(18,0,0)
```
#260001
```
#260001 rgb(38,0,1)
```
#390001
```
#390001 rgb(57,0,1)
```
#4d0001
```
#4d0001 rgb(77,0,1)
```
#610002
```
#610002 rgb(97,0,2)
```
#740002
```
#740002 rgb(116,0,2)
```
#880002
```
#880002 rgb(136,0,2)
```
#9b0003
```
#9b0003 rgb(155,0,3)
```
#af0003
```
#af0003 rgb(175,0,3)
```
#c30003
```
#c30003 rgb(195,0,3)
```
#d60004
```
#d60004 rgb(214,0,4)
```
#ea0004
```
#ea0004 rgb(234,0,4)
```
#fe0004
```
#fe0004 rgb(254,0,4)
```

Shade Color Variation

#ff1216
```
#ff1216 rgb(255,18,22)
```
#ff2629
```
#ff2629 rgb(255,38,41)
```
#ff393d
```
#ff393d rgb(255,57,61)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```
#ff6163
```
#ff6163 rgb(255,97,99)
```
#ff7477
```
#ff7477 rgb(255,116,119)
```
#ff888a
```
#ff888a rgb(255,136,138)
```
#ff9b9d
```
#ff9b9d rgb(255,155,157)
```
#ffafb0
```
#ffafb0 rgb(255,175,176)
```
#ffc3c4
```
#ffc3c4 rgb(255,195,196)
```
#ffd6d7
```
#ffd6d7 rgb(255,214,215)
```
#ffeaea
```
#ffeaea rgb(255,234,234)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#ad9f9f
```
#ad9f9f rgb(173,159,159)
```
#b49899
```
#b49899 rgb(180,152,153)
```
#bb9192
```
#bb9192 rgb(187,145,146)
```
#c18b8c
```
#c18b8c rgb(193,139,140)
```
#c88485
```
#c88485 rgb(200,132,133)
```
#cf7d7e
```
#cf7d7e rgb(207,125,126)
```
#d67678
```
#d67678 rgb(214,118,120)
```
#dd6f71
```
#dd6f71 rgb(221,111,113)
```
#e4686a
```
#e4686a rgb(228,104,106)
```
#ea6264
```
#ea6264 rgb(234,98,100)
```
#f15b5d
```
#f15b5d rgb(241,91,93)
```
#f85457
```
#f85457 rgb(248,84,87)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#9c7879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e936d Protanopia 1% of men
#b48d4d Deuteranopia 1% of men
#ff565a Tritanopia 0.001% of the population

Trichromacy

#c17a63 Protanomaly 1% of men, 0.01% of women
#cf764e Deuteranomaly 6% of men, 0.4% of women
#ff5256 Tritanomaly 0.01% of the population

#ff4d50 hex color

#ff4d50 Color Information

#ff4d50 Color Conversion

Color Schemes with #ff4d50

Alternatives to #ff4d50

#ff4d50 Preview

Shades and Tints of #ff4d50

Tones of #ff4d50

Color Blindness Simulator