#fd0f57 hex color

In a RGB color space, hex #fd0f57 is composed of 99.2% red, 5.9% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.1% magenta, 65.6% yellow and 0.8% black. It has a hue angle of 341.8 degrees, a saturation of 98.3% and a lightness of 52.5%. #fd0f57 color hex could be obtained by blending #ff1eae with #fb0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 99
- G 6
- B 34
RGB color chart
- C 0
- M 94
- Y 66
- K 1
CMYK color chart

● #fd0f57 color description : Vivid pink.

The hexadecimal color #fd0f57 has RGB values of R:253, G:15, B:87 and CMYK values of C:0, M:0.94, Y:0.66, K:0.01. Its decimal value is 16584535.

Hex triplet	fd0f57	`#fd0f57`
RGB Decimal	253, 15, 87	`rgb(253,15,87)`
RGB Percent	99.2, 5.9, 34.1	`rgb(99.2%,5.9%,34.1%)`
CMYK	0, 94, 66, 1
HSL	341.8°, 98.3, 52.5	`hsl(341.8,98.3%,52.5%)`
HSV (or HSB)	341.8°, 94.1, 99.2
Web Safe	ff0066	`#ff0066`

CIE-LAB	53.94, 80.583, 27.397
XYZ	42.401, 21.918, 11.014
xyY	0.563, 0.291, 21.918
CIE-LCH	53.94, 85.113, 18.777
CIE-LUV	53.94, 155.498, 13.797
Hunter-Lab	46.816, 79.737, 18.823
Binary	11111101, 00001111, 01010111

#fd0f57
```
#fd0f57 rgb(253,15,87)
```
#0ffdb5
```
#0ffdb5 rgb(15,253,181)
```

Complementary Color

#fd0fce
```
#fd0fce rgb(253,15,206)
```
#fd0f57
```
#fd0f57 rgb(253,15,87)
```
#fd3e0f
```
#fd3e0f rgb(253,62,15)
```

Analogous Color

#0fcefd
```
#0fcefd rgb(15,206,253)
```
#fd0f57
```
#fd0f57 rgb(253,15,87)
```
#0ffd3e
```
#0ffd3e rgb(15,253,62)
```

Split Complementary Color

#0f57fd
```
#0f57fd rgb(15,87,253)
```
#fd0f57
```
#fd0f57 rgb(253,15,87)
```
#57fd0f
```
#57fd0f rgb(87,253,15)
```

Triadic Color

#b50ffd
```
#b50ffd rgb(181,15,253)
```
#fd0f57
```
#fd0f57 rgb(253,15,87)
```
#57fd0f
```
#57fd0f rgb(87,253,15)
```
#0ffdb5
```
#0ffdb5 rgb(15,253,181)
```

Tetradic Color

#be023b
```
#be023b rgb(190,2,59)
```
#d70242
```
#d70242 rgb(215,2,66)
```
#f0024a
```
#f0024a rgb(240,2,74)
```
#fd0f57
```
#fd0f57 rgb(253,15,87)
```
#fd2869
```
#fd2869 rgb(253,40,105)
```
#fd427a
```
#fd427a rgb(253,66,122)
```
#fe5b8c
```
#fe5b8c rgb(254,91,140)
```

Monochromatic Color

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

#fd0f93
```
#fd0f93 rgb(253,15,147)
```
#fd0f7f
```
#fd0f7f rgb(253,15,127)
```
#fd0f6b
```
#fd0f6b rgb(253,15,107)
```
#fd0f57
```
#fd0f57 rgb(253,15,87)
```
#fd0f43
```
#fd0f43 rgb(253,15,67)
```
#fd0f2f
```
#fd0f2f rgb(253,15,47)
```
#fd0f1c
```
#fd0f1c rgb(253,15,28)
```

Similar Colors

Text with hexadecimal color #fd0f57

This text has a font color of #fd0f57.

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

#fd0f57 background color

This paragraph has a background color of #fd0f57.

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

#fd0f57 border color

This element has a border color of #fd0f57.

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

CSS codes

.text {color:#fd0f57;}

.background {background-color:#fd0f57;}

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

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

#0d0004
```
#0d0004 rgb(13,0,4)
```
#20000a
```
#20000a rgb(32,0,10)
```
#340010
```
#340010 rgb(52,0,16)
```
#470116
```
#470116 rgb(71,1,22)
```
#5b011c
```
#5b011c rgb(91,1,28)
```
#6e0122
```
#6e0122 rgb(110,1,34)
```
#820128
```
#820128 rgb(130,1,40)
```
#95012e
```
#95012e rgb(149,1,46)
```
#a90134
```
#a90134 rgb(169,1,52)
```
#bc023a
```
#bc023a rgb(188,2,58)
```
#cf0240
```
#cf0240 rgb(207,2,64)
```
#e30246
```
#e30246 rgb(227,2,70)
```
#f6024c
```
#f6024c rgb(246,2,76)
```

Shade Color Variation

#fd0f57
```
#fd0f57 rgb(253,15,87)
```
#fd2265
```
#fd2265 rgb(253,34,101)
```
#fd3672
```
#fd3672 rgb(253,54,114)
```
#fd4980
```
#fd4980 rgb(253,73,128)
```
#fe5d8d
```
#fe5d8d rgb(254,93,141)
```
#fe709b
```
#fe709b rgb(254,112,155)
```
#fe84a9
```
#fe84a9 rgb(254,132,169)
```
#fe97b6
```
#fe97b6 rgb(254,151,182)
```
#feabc4
```
#feabc4 rgb(254,171,196)
```
#febed2
```
#febed2 rgb(254,190,210)
```
#ffd2df
```
#ffd2df rgb(255,210,223)
```
#ffe5ed
```
#ffe5ed rgb(255,229,237)
```
#fff8fa
```
#fff8fa rgb(255,248,250)
```

Tint Color Variation

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

#8d7f83
```
#8d7f83 rgb(141,127,131)
```
#97757f
```
#97757f rgb(151,117,127)
```
#a06c7c
```
#a06c7c rgb(160,108,124)
```
#a96378
```
#a96378 rgb(169,99,120)
```
#b35974
```
#b35974 rgb(179,89,116)
```
#bc5071
```
#bc5071 rgb(188,80,113)
```
#c5476d
```
#c5476d rgb(197,71,109)
```
#ce3e69
```
#ce3e69 rgb(206,62,105)
```
#d83466
```
#d83466 rgb(216,52,102)
```
#e12b62
```
#e12b62 rgb(225,43,98)
```
#ea225e
```
#ea225e rgb(234,34,94)
```
#f4185b
```
#f4185b rgb(244,24,91)
```
#fd0f57
```
#fd0f57 rgb(253,15,87)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7e4e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8681 Protanopia 1% of men
#a38151 Deuteranopia 1% of men
#fb2e2c Tritanopia 0.001% of the population

Trichromacy

#b45b71 Protanomaly 1% of men, 0.01% of women
#c45753 Deuteranomaly 6% of men, 0.4% of women
#fc233b Tritanomaly 0.01% of the population

#fd0f57 hex color

#fd0f57 Color Information

#fd0f57 Color Conversion

Color Schemes with #fd0f57

Alternatives to #fd0f57

#fd0f57 Preview

Shades and Tints of #fd0f57

Tones of #fd0f57

Color Blindness Simulator