colorhexa.com

#fd107f hex color

In a RGB color space, hex #fd107f is composed of 99.2% red, 6.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.7% magenta, 49.8% yellow and 0.8% black. It has a hue angle of 331.9 degrees, a saturation of 98.3% and a lightness of 52.7%. #fd107f color hex could be obtained by blending #ff20fe with #fb0000. Closest websafe color is: #ff0066.

- R 99
- G 6
- B 50
RGB color chart
- C 0
- M 94
- Y 50
- K 1
CMYK color chart

● #fd107f color description : Vivid pink.

The hexadecimal color #fd107f has RGB values of R:253, G:16, B:127 and CMYK values of C:0, M:0.94, Y:0.5, K:0.01. Its decimal value is 16584831.

Hex triplet	fd107f	`#fd107f`
RGB Decimal	253, 16, 127	`rgb(253,16,127)`
RGB Percent	99.2, 6.3, 49.8	`rgb(99.2%,6.3%,49.8%)`
CMYK	0, 94, 50, 1
HSL	331.9°, 98.3, 52.7	`hsl(331.9,98.3%,52.7%)`
HSV (or HSB)	331.9°, 93.7, 99.2
Web Safe	ff0066	`#ff0066`

CIE-LAB	54.856, 82.91, 4.572
XYZ	44.526, 22.791, 22.132
xyY	0.498, 0.255, 22.791
CIE-LCH	54.856, 83.035, 3.156
CIE-LUV	54.856, 139.425, -10.927
Hunter-Lab	47.74, 82.939, 5.931
Binary	11111101, 00010000, 01111111

#fd107f
```
#fd107f rgb(253,16,127)
```
#10fd8e
```
#10fd8e rgb(16,253,142)
```

Complementary Color

#fd10f6
```
#fd10f6 rgb(253,16,246)
```
#fd107f
```
#fd107f rgb(253,16,127)
```
#fd1810
```
#fd1810 rgb(253,24,16)
```

Analogous Color

#10f6fd
```
#10f6fd rgb(16,246,253)
```
#fd107f
```
#fd107f rgb(253,16,127)
```
#10fd18
```
#10fd18 rgb(16,253,24)
```

Split Complementary Color

#107ffd
```
#107ffd rgb(16,127,253)
```
#fd107f
```
#fd107f rgb(253,16,127)
```
#7ffd10
```
#7ffd10 rgb(127,253,16)
```

Triadic Color

#8e10fd
```
#8e10fd rgb(142,16,253)
```
#fd107f
```
#fd107f rgb(253,16,127)
```
#7ffd10
```
#7ffd10 rgb(127,253,16)
```
#10fd8e
```
#10fd8e rgb(16,253,142)
```

Tetradic Color

#bf025a
```
#bf025a rgb(191,2,90)
```
#d80266
```
#d80266 rgb(216,2,102)
```
#f10272
```
#f10272 rgb(241,2,114)
```
#fd107f
```
#fd107f rgb(253,16,127)
```
#fd298d
```
#fd298d rgb(253,41,141)
```
#fd439a
```
#fd439a rgb(253,67,154)
```
#fe5ca8
```
#fe5ca8 rgb(254,92,168)
```

Monochromatic Color

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

#fd10ba
```
#fd10ba rgb(253,16,186)
```
#fd10a7
```
#fd10a7 rgb(253,16,167)
```
#fd1093
```
#fd1093 rgb(253,16,147)
```
#fd107f
```
#fd107f rgb(253,16,127)
```
#fd106b
```
#fd106b rgb(253,16,107)
```
#fd1057
```
#fd1057 rgb(253,16,87)
```
#fd1044
```
#fd1044 rgb(253,16,68)
```

Similar Colors

Text with hexadecimal color #fd107f

This text has a font color of #fd107f.

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

#fd107f background color

This paragraph has a background color of #fd107f.

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

#fd107f border color

This element has a border color of #fd107f.

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

CSS codes

.text {color:#fd107f;}

.background {background-color:#fd107f;}

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

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

#0e0007
```
#0e0007 rgb(14,0,7)
```
#210010
```
#210010 rgb(33,0,16)
```
#350019
```
#350019 rgb(53,0,25)
```
#480122
```
#480122 rgb(72,1,34)
```
#5c012b
```
#5c012b rgb(92,1,43)
```
#6f0135
```
#6f0135 rgb(111,1,53)
```
#83013e
```
#83013e rgb(131,1,62)
```
#960147
```
#960147 rgb(150,1,71)
```
#aa0150
```
#aa0150 rgb(170,1,80)
```
#bd0259
```
#bd0259 rgb(189,2,89)
```
#d00263
```
#d00263 rgb(208,2,99)
```
#e4026c
```
#e4026c rgb(228,2,108)
```
#f70275
```
#f70275 rgb(247,2,117)
```

Shade Color Variation

#fd107f
```
#fd107f rgb(253,16,127)
```
#fd2389
```
#fd2389 rgb(253,35,137)
```
#fd3794
```
#fd3794 rgb(253,55,148)
```
#fd4a9e
```
#fd4a9e rgb(253,74,158)
```
#fe5ea9
```
#fe5ea9 rgb(254,94,169)
```
#fe71b3
```
#fe71b3 rgb(254,113,179)
```
#fe85be
```
#fe85be rgb(254,133,190)
```
#fe98c8
```
#fe98c8 rgb(254,152,200)
```
#feacd2
```
#feacd2 rgb(254,172,210)
```
#febfdd
```
#febfdd rgb(254,191,221)
```
#ffd3e7
```
#ffd3e7 rgb(255,211,231)
```
#ffe6f2
```
#ffe6f2 rgb(255,230,242)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

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

#8e7f86
```
#8e7f86 rgb(142,127,134)
```
#977685
```
#977685 rgb(151,118,133)
```
#a06d85
```
#a06d85 rgb(160,109,133)
```
#aa6384
```
#aa6384 rgb(170,99,132)
```
#b35a84
```
#b35a84 rgb(179,90,132)
```
#bc5183
```
#bc5183 rgb(188,81,131)
```
#c54883
```
#c54883 rgb(197,72,131)
```
#cf3e82
```
#cf3e82 rgb(207,62,130)
```
#d83581
```
#d83581 rgb(216,53,129)
```
#e12c81
```
#e12c81 rgb(225,44,129)
```
#ea2380
```
#ea2380 rgb(234,35,128)
```
#f41980
```
#f41980 rgb(244,25,128)
```
#fd107f
```
#fd107f rgb(253,16,127)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#835369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d88b2 Protanopia 1% of men
#9d8476 Deuteranopia 1% of men
#f93d3d Tritanopia 0.001% of the population

Trichromacy

#ab5c9f Protanomaly 1% of men, 0.01% of women
#c05a79 Deuteranomaly 6% of men, 0.4% of women
#fa2c55 Tritanomaly 0.01% of the population