colorhexa.com

#fd1f51 hex color

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

- R 99
- G 12
- B 32
RGB color chart
- C 0
- M 88
- Y 68
- K 1
CMYK color chart

● #fd1f51 color description : Vivid red.

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

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

CIE-LAB	54.514, 78.36, 31.694
XYZ	42.485, 22.462, 9.883
xyY	0.568, 0.3, 22.462
CIE-LCH	54.514, 84.527, 22.022
CIE-LUV	54.514, 154.208, 18.327
Hunter-Lab	47.394, 77.072, 20.813
Binary	11111101, 00011111, 01010001

#fd1f51
```
#fd1f51 rgb(253,31,81)
```
#1ffdcb
```
#1ffdcb rgb(31,253,203)
```

Complementary Color

#fd1fc0
```
#fd1fc0 rgb(253,31,192)
```
#fd1f51
```
#fd1f51 rgb(253,31,81)
```
#fd5c1f
```
#fd5c1f rgb(253,92,31)
```

Analogous Color

#1fc0fd
```
#1fc0fd rgb(31,192,253)
```
#fd1f51
```
#fd1f51 rgb(253,31,81)
```
#1ffd5c
```
#1ffd5c rgb(31,253,92)
```

Split Complementary Color

#1f51fd
```
#1f51fd rgb(31,81,253)
```
#fd1f51
```
#fd1f51 rgb(253,31,81)
```
#51fd1f
```
#51fd1f rgb(81,253,31)
```

Triadic Color

#cb1ffd
```
#cb1ffd rgb(203,31,253)
```
#fd1f51
```
#fd1f51 rgb(253,31,81)
```
#51fd1f
```
#51fd1f rgb(81,253,31)
```
#1ffdcb
```
#1ffdcb rgb(31,253,203)
```

Tetradic Color

#ce0230
```
#ce0230 rgb(206,2,48)
```
#e70236
```
#e70236 rgb(231,2,54)
```
#fd063d
```
#fd063d rgb(253,6,61)
```
#fd1f51
```
#fd1f51 rgb(253,31,81)
```
#fd3865
```
#fd3865 rgb(253,56,101)
```
#fd5278
```
#fd5278 rgb(253,82,120)
```
#fe6b8c
```
#fe6b8c rgb(254,107,140)
```

Monochromatic Color

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

#fd1f89
```
#fd1f89 rgb(253,31,137)
```
#fd1f76
```
#fd1f76 rgb(253,31,118)
```
#fd1f63
```
#fd1f63 rgb(253,31,99)
```
#fd1f51
```
#fd1f51 rgb(253,31,81)
```
#fd1f3e
```
#fd1f3e rgb(253,31,62)
```
#fd1f2c
```
#fd1f2c rgb(253,31,44)
```
#fd251f
```
#fd251f rgb(253,37,31)
```

Similar Colors

Text with hexadecimal color #fd1f51

This text has a font color of #fd1f51.

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

#fd1f51 background color

This paragraph has a background color of #fd1f51.

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

#fd1f51 border color

This element has a border color of #fd1f51.

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

CSS codes

.text {color:#fd1f51;}

.background {background-color:#fd1f51;}

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

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)
```
#440110
```
#440110 rgb(68,1,16)
```
#570114
```
#570114 rgb(87,1,20)
```
#6b0119
```
#6b0119 rgb(107,1,25)
```
#7e011d
```
#7e011d rgb(126,1,29)
```
#910122
```
#910122 rgb(145,1,34)
```
#a50126
```
#a50126 rgb(165,1,38)
```
#b8022b
```
#b8022b rgb(184,2,43)
```
#cc022f
```
#cc022f rgb(204,2,47)
```
#df0234
```
#df0234 rgb(223,2,52)
```
#f30238
```
#f30238 rgb(243,2,56)
```

Shade Color Variation

#fd0c42
```
#fd0c42 rgb(253,12,66)
```
#fd1f51
```
#fd1f51 rgb(253,31,81)
```
#fd3260
```
#fd3260 rgb(253,50,96)
```
#fd466f
```
#fd466f rgb(253,70,111)
```
#fe597e
```
#fe597e rgb(254,89,126)
```
#fe6d8d
```
#fe6d8d rgb(254,109,141)
```
#fe809d
```
#fe809d rgb(254,128,157)
```
#fe94ac
```
#fe94ac rgb(254,148,172)
```
#fea7bb
```
#fea7bb rgb(254,167,187)
```
#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 #fd1f51 is the most saturated one.

#95878a
```
#95878a rgb(149,135,138)
```
#9d7f86
```
#9d7f86 rgb(157,127,134)
```
#a67681
```
#a67681 rgb(166,118,129)
```
#af6d7c
```
#af6d7c rgb(175,109,124)
```
#b76577
```
#b76577 rgb(183,101,119)
```
#c05c72
```
#c05c72 rgb(192,92,114)
```
#c9536e
```
#c9536e rgb(201,83,110)
```
#d24a69
```
#d24a69 rgb(210,74,105)
```
#da4264
```
#da4264 rgb(218,66,100)
```
#e3395f
```
#e3395f rgb(227,57,95)
```
#ec305b
```
#ec305b rgb(236,48,91)
```
#f42856
```
#f42856 rgb(244,40,86)
```
#fd1f51
```
#fd1f51 rgb(253,31,81)
```

Tone Color Variation

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

Dichromacy

#8f8878 Protanopia 1% of men
#a6824b Deuteranopia 1% of men
#fb3434 Tritanopia 0.001% of the population

Trichromacy

#b76269 Protanomaly 1% of men, 0.01% of women
#c55e4d Deuteranomaly 6% of men, 0.4% of women
#fc2c3e Tritanomaly 0.01% of the population