#fd1f5a hex color

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

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

● #fd1f5a color description : Vivid pink.

The hexadecimal color #fd1f5a has RGB values of R:253, G:31, B:90 and CMYK values of C:0, M:0.88, Y:0.64, K:0.01. Its decimal value is 16588634.

Hex triplet	fd1f5a	`#fd1f5a`
RGB Decimal	253, 31, 90	`rgb(253,31,90)`
RGB Percent	99.2, 12.2, 35.3	`rgb(99.2%,12.2%,35.3%)`
CMYK	0, 88, 64, 1
HSL	344.1°, 98.2, 55.7	`hsl(344.1,98.2%,55.7%)`
HSV (or HSB)	344.1°, 87.7, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.664, 78.789, 26.536
XYZ	42.845, 22.606, 11.78
xyY	0.555, 0.293, 22.606
CIE-LCH	54.664, 83.138, 18.613
CIE-LUV	54.664, 151.277, 13.674
Hunter-Lab	47.546, 77.648, 18.593
Binary	11111101, 00011111, 01011010

#fd1f5a
```
#fd1f5a rgb(253,31,90)
```
#1ffdc2
```
#1ffdc2 rgb(31,253,194)
```

Complementary Color

#fd1fc9
```
#fd1fc9 rgb(253,31,201)
```
#fd1f5a
```
#fd1f5a rgb(253,31,90)
```
#fd531f
```
#fd531f rgb(253,83,31)
```

Analogous Color

#1fc9fd
```
#1fc9fd rgb(31,201,253)
```
#fd1f5a
```
#fd1f5a rgb(253,31,90)
```
#1ffd53
```
#1ffd53 rgb(31,253,83)
```

Split Complementary Color

#1f5afd
```
#1f5afd rgb(31,90,253)
```
#fd1f5a
```
#fd1f5a rgb(253,31,90)
```
#5afd1f
```
#5afd1f rgb(90,253,31)
```

Triadic Color

#c21ffd
```
#c21ffd rgb(194,31,253)
```
#fd1f5a
```
#fd1f5a rgb(253,31,90)
```
#5afd1f
```
#5afd1f rgb(90,253,31)
```
#1ffdc2
```
#1ffdc2 rgb(31,253,194)
```

Tetradic Color

#ce0238
```
#ce0238 rgb(206,2,56)
```
#e7023f
```
#e7023f rgb(231,2,63)
```
#fd0647
```
#fd0647 rgb(253,6,71)
```
#fd1f5a
```
#fd1f5a rgb(253,31,90)
```
#fd386d
```
#fd386d rgb(253,56,109)
```
#fd527f
```
#fd527f rgb(253,82,127)
```
#fe6b92
```
#fe6b92 rgb(254,107,146)
```

Monochromatic Color

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

#fd1f92
```
#fd1f92 rgb(253,31,146)
```
#fd1f7f
```
#fd1f7f rgb(253,31,127)
```
#fd1f6d
```
#fd1f6d rgb(253,31,109)
```
#fd1f5a
```
#fd1f5a rgb(253,31,90)
```
#fd1f48
```
#fd1f48 rgb(253,31,72)
```
#fd1f35
```
#fd1f35 rgb(253,31,53)
```
#fd1f23
```
#fd1f23 rgb(253,31,35)
```

Similar Colors

Text with hexadecimal color #fd1f5a

This text has a font color of #fd1f5a.

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

#fd1f5a background color

This paragraph has a background color of #fd1f5a.

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

#fd1f5a border color

This element has a border color of #fd1f5a.

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

CSS codes

.text {color:#fd1f5a;}

.background {background-color:#fd1f5a;}

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

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

#090003
```
#090003 rgb(9,0,3)
```
#1d0008
```
#1d0008 rgb(29,0,8)
```
#30000d
```
#30000d rgb(48,0,13)
```
#440112
```
#440112 rgb(68,1,18)
```
#570118
```
#570118 rgb(87,1,24)
```
#6b011d
```
#6b011d rgb(107,1,29)
```
#7e0122
```
#7e0122 rgb(126,1,34)
```
#910128
```
#910128 rgb(145,1,40)
```
#a5012d
```
#a5012d rgb(165,1,45)
```
#b80232
```
#b80232 rgb(184,2,50)
```
#cc0237
```
#cc0237 rgb(204,2,55)
```
#df023d
```
#df023d rgb(223,2,61)
```
#f30242
```
#f30242 rgb(243,2,66)
```

Shade Color Variation

#fd0c4c
```
#fd0c4c rgb(253,12,76)
```
#fd1f5a
```
#fd1f5a rgb(253,31,90)
```
#fd3268
```
#fd3268 rgb(253,50,104)
```
#fd4677
```
#fd4677 rgb(253,70,119)
```
#fe5985
```
#fe5985 rgb(254,89,133)
```
#fe6d93
```
#fe6d93 rgb(254,109,147)
```
#fe80a2
```
#fe80a2 rgb(254,128,162)
```
#fe94b0
```
#fe94b0 rgb(254,148,176)
```
#fea7be
```
#fea7be rgb(254,167,190)
```
#febbcd
```
#febbcd rgb(254,187,205)
```
#ffcedb
```
#ffcedb rgb(255,206,219)
```
#ffe1e9
```
#ffe1e9 rgb(255,225,233)
```
#fff5f8
```
#fff5f8 rgb(255,245,248)
```

Tint Color Variation

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

#95878b
```
#95878b rgb(149,135,139)
```
#9d7f87
```
#9d7f87 rgb(157,127,135)
```
#a67683
```
#a67683 rgb(166,118,131)
```
#af6d7f
```
#af6d7f rgb(175,109,127)
```
#b7657b
```
#b7657b rgb(183,101,123)
```
#c05c77
```
#c05c77 rgb(192,92,119)
```
#c95372
```
#c95372 rgb(201,83,114)
```
#d24a6e
```
#d24a6e rgb(210,74,110)
```
#da426a
```
#da426a rgb(218,66,106)
```
#e33966
```
#e33966 rgb(227,57,102)
```
#ec3062
```
#ec3062 rgb(236,48,98)
```
#f4285e
```
#f4285e rgb(244,40,94)
```
#fd1f5a
```
#fd1f5a rgb(253,31,90)
```

Tone Color Variation

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

Dichromacy

#8d8882 Protanopia 1% of men
#a58354 Deuteranopia 1% of men
#fb3736 Tritanopia 0.001% of the population

Trichromacy

#b56274 Protanomaly 1% of men, 0.01% of women
#c55e56 Deuteranomaly 6% of men, 0.4% of women
#fc2e43 Tritanomaly 0.01% of the population

#fd1f5a hex color

#fd1f5a Color Information

#fd1f5a Color Conversion

Color Schemes with #fd1f5a

Alternatives to #fd1f5a

#fd1f5a Preview

Shades and Tints of #fd1f5a

Tones of #fd1f5a

Color Blindness Simulator