#fd1f50 hex color

In a RGB color space, hex #fd1f50 is composed of 99.2% red, 12.2% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.7% magenta, 68.4% yellow and 0.8% black. It has a hue angle of 346.8 degrees, a saturation of 98.2% and a lightness of 55.7%. #fd1f50 color hex could be obtained by blending #ff3ea0 with #fb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 99
- G 12
- B 31
RGB color chart
- C 0
- M 88
- Y 68
- K 1
CMYK color chart

● #fd1f50 color description : Vivid red.

The hexadecimal color #fd1f50 has RGB values of R:253, G:31, B:80 and CMYK values of C:0, M:0.88, Y:0.68, K:0.01. Its decimal value is 16588624.

Hex triplet	fd1f50	`#fd1f50`
RGB Decimal	253, 31, 80	`rgb(253,31,80)`
RGB Percent	99.2, 12.2, 31.4	`rgb(99.2%,12.2%,31.4%)`
CMYK	0, 88, 68, 1
HSL	346.8°, 98.2, 55.7	`hsl(346.8,98.2%,55.7%)`
HSV (or HSB)	346.8°, 87.7, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.498, 78.316, 32.266
XYZ	42.448, 22.447, 9.687
xyY	0.569, 0.301, 22.447
CIE-LCH	54.498, 84.702, 22.391
CIE-LUV	54.498, 154.517, 18.817
Hunter-Lab	47.378, 77.012, 21.043
Binary	11111101, 00011111, 01010000

#fd1f50
```
#fd1f50 rgb(253,31,80)
```
#1ffdcc
```
#1ffdcc rgb(31,253,204)
```

Complementary Color

#fd1fbf
```
#fd1fbf rgb(253,31,191)
```
#fd1f50
```
#fd1f50 rgb(253,31,80)
```
#fd5d1f
```
#fd5d1f rgb(253,93,31)
```

Analogous Color

#1fbffd
```
#1fbffd rgb(31,191,253)
```
#fd1f50
```
#fd1f50 rgb(253,31,80)
```
#1ffd5d
```
#1ffd5d rgb(31,253,93)
```

Split Complementary Color

#1f50fd
```
#1f50fd rgb(31,80,253)
```
#fd1f50
```
#fd1f50 rgb(253,31,80)
```
#50fd1f
```
#50fd1f rgb(80,253,31)
```

Triadic Color

#cc1ffd
```
#cc1ffd rgb(204,31,253)
```
#fd1f50
```
#fd1f50 rgb(253,31,80)
```
#50fd1f
```
#50fd1f rgb(80,253,31)
```
#1ffdcc
```
#1ffdcc rgb(31,253,204)
```

Tetradic Color

#ce022f
```
#ce022f rgb(206,2,47)
```
#e70235
```
#e70235 rgb(231,2,53)
```
#fd063c
```
#fd063c rgb(253,6,60)
```
#fd1f50
```
#fd1f50 rgb(253,31,80)
```
#fd3864
```
#fd3864 rgb(253,56,100)
```
#fd5277
```
#fd5277 rgb(253,82,119)
```
#fe6b8b
```
#fe6b8b rgb(254,107,139)
```

Monochromatic Color

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

#fd1f88
```
#fd1f88 rgb(253,31,136)
```
#fd1f75
```
#fd1f75 rgb(253,31,117)
```
#fd1f63
```
#fd1f63 rgb(253,31,99)
```
#fd1f50
```
#fd1f50 rgb(253,31,80)
```
#fd1f3e
```
#fd1f3e rgb(253,31,62)
```
#fd1f2b
```
#fd1f2b rgb(253,31,43)
```
#fd261f
```
#fd261f rgb(253,38,31)
```

Similar Colors

Text with hexadecimal color #fd1f50

This text has a font color of #fd1f50.

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

#fd1f50 background color

This paragraph has a background color of #fd1f50.

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

#fd1f50 border color

This element has a border color of #fd1f50.

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

CSS codes

.text {color:#fd1f50;}

.background {background-color:#fd1f50;}

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

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

#090002
```
#090002 rgb(9,0,2)
```
#1d0007
```
#1d0007 rgb(29,0,7)
```
#30000b
```
#30000b rgb(48,0,11)
```
#44010f
```
#44010f rgb(68,1,15)
```
#570114
```
#570114 rgb(87,1,20)
```
#6b0118
```
#6b0118 rgb(107,1,24)
```
#7e011d
```
#7e011d rgb(126,1,29)
```
#910121
```
#910121 rgb(145,1,33)
```
#a50126
```
#a50126 rgb(165,1,38)
```
#b8022a
```
#b8022a rgb(184,2,42)
```
#cc022e
```
#cc022e rgb(204,2,46)
```
#df0233
```
#df0233 rgb(223,2,51)
```
#f30237
```
#f30237 rgb(243,2,55)
```

Shade Color Variation

#fd0c41
```
#fd0c41 rgb(253,12,65)
```
#fd1f50
```
#fd1f50 rgb(253,31,80)
```
#fd325f
```
#fd325f rgb(253,50,95)
```
#fd466e
```
#fd466e rgb(253,70,110)
```
#fe597e
```
#fe597e rgb(254,89,126)
```
#fe6d8d
```
#fe6d8d rgb(254,109,141)
```
#fe809c
```
#fe809c rgb(254,128,156)
```
#fe94ab
```
#fe94ab rgb(254,148,171)
```
#fea7ba
```
#fea7ba rgb(254,167,186)
```
#febbca
```
#febbca rgb(254,187,202)
```
#ffced9
```
#ffced9 rgb(255,206,217)
```
#ffe1e8
```
#ffe1e8 rgb(255,225,232)
```
#fff5f7
```
#fff5f7 rgb(255,245,247)
```

Tint Color Variation

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

#95878a
```
#95878a rgb(149,135,138)
```
#9d7f85
```
#9d7f85 rgb(157,127,133)
```
#a67681
```
#a67681 rgb(166,118,129)
```
#af6d7c
```
#af6d7c rgb(175,109,124)
```
#b76577
```
#b76577 rgb(183,101,119)
```
#c05c72
```
#c05c72 rgb(192,92,114)
```
#c9536d
```
#c9536d rgb(201,83,109)
```
#d24a68
```
#d24a68 rgb(210,74,104)
```
#da4263
```
#da4263 rgb(218,66,99)
```
#e3395f
```
#e3395f rgb(227,57,95)
```
#ec305a
```
#ec305a rgb(236,48,90)
```
#f42855
```
#f42855 rgb(244,40,85)
```
#fd1f50
```
#fd1f50 rgb(253,31,80)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#855962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8876 Protanopia 1% of men
#a6824a Deuteranopia 1% of men
#fb3433 Tritanopia 0.001% of the population

Trichromacy

#b76268 Protanomaly 1% of men, 0.01% of women
#c55e4c Deuteranomaly 6% of men, 0.4% of women
#fc2c3d Tritanomaly 0.01% of the population

#fd1f50 hex color

#fd1f50 Color Information

#fd1f50 Color Conversion

Color Schemes with #fd1f50

Alternatives to #fd1f50

#fd1f50 Preview

Shades and Tints of #fd1f50

Tones of #fd1f50

Color Blindness Simulator