#fd506c hex color

In a RGB color space, hex #fd506c is composed of 99.2% red, 31.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.4% magenta, 57.3% yellow and 0.8% black. It has a hue angle of 350.3 degrees, a saturation of 97.7% and a lightness of 65.3%. #fd506c color hex could be obtained by blending #ffa0d8 with #fb0000. Closest websafe color is: #ff6666.

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

● #fd506c color description : Soft red.

The hexadecimal color #fd506c has RGB values of R:253, G:80, B:108 and CMYK values of C:0, M:0.68, Y:0.57, K:0.01. Its decimal value is 16601196.

Hex triplet	fd506c	`#fd506c`
RGB Decimal	253, 80, 108	`rgb(253,80,108)`
RGB Percent	99.2, 31.4, 42.4	`rgb(99.2%,31.4%,42.4%)`
CMYK	0, 68, 57, 1
HSL	350.3°, 97.7, 65.3	`hsl(350.3,97.7%,65.3%)`
HSV (or HSB)	350.3°, 68.4, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.624, 66.841, 22.464
XYZ	46.085, 27.708, 17.108
xyY	0.507, 0.305, 27.708
CIE-LCH	59.624, 70.515, 18.576
CIE-LUV	59.624, 125.166, 13.751
Hunter-Lab	52.638, 64.162, 17.577
Binary	11111101, 01010000, 01101100

#fd506c
```
#fd506c rgb(253,80,108)
```
#50fde1
```
#50fde1 rgb(80,253,225)
```

Complementary Color

#fd50c3
```
#fd50c3 rgb(253,80,195)
```
#fd506c
```
#fd506c rgb(253,80,108)
```
#fd8b50
```
#fd8b50 rgb(253,139,80)
```

Analogous Color

#50c3fd
```
#50c3fd rgb(80,195,253)
```
#fd506c
```
#fd506c rgb(253,80,108)
```
#50fd8b
```
#50fd8b rgb(80,253,139)
```

Split Complementary Color

#506cfd
```
#506cfd rgb(80,108,253)
```
#fd506c
```
#fd506c rgb(253,80,108)
```
#6cfd50
```
#6cfd50 rgb(108,253,80)
```

Triadic Color

#e150fd
```
#e150fd rgb(225,80,253)
```
#fd506c
```
#fd506c rgb(253,80,108)
```
#6cfd50
```
#6cfd50 rgb(108,253,80)
```
#50fde1
```
#50fde1 rgb(80,253,225)
```

Tetradic Color

#fc042c
```
#fc042c rgb(252,4,44)
```
#fc1e42
```
#fc1e42 rgb(252,30,66)
```
#fd3757
```
#fd3757 rgb(253,55,87)
```
#fd506c
```
#fd506c rgb(253,80,108)
```
#fd6981
```
#fd6981 rgb(253,105,129)
```
#fe8296
```
#fe8296 rgb(254,130,150)
```
#fe9cac
```
#fe9cac rgb(254,156,172)
```

Monochromatic Color

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

#fd5097
```
#fd5097 rgb(253,80,151)
```
#fd5089
```
#fd5089 rgb(253,80,137)
```
#fd507a
```
#fd507a rgb(253,80,122)
```
#fd506c
```
#fd506c rgb(253,80,108)
```
#fd505e
```
#fd505e rgb(253,80,94)
```
#fd5150
```
#fd5150 rgb(253,81,80)
```
#fd5f50
```
#fd5f50 rgb(253,95,80)
```

Similar Colors

Text with hexadecimal color #fd506c

This text has a font color of #fd506c.

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

#fd506c background color

This paragraph has a background color of #fd506c.

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

#fd506c border color

This element has a border color of #fd506c.

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

CSS codes

.text {color:#fd506c;}

.background {background-color:#fd506c;}

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

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

#130003
```
#130003 rgb(19,0,3)
```
#260007
```
#260007 rgb(38,0,7)
```
#3a010a
```
#3a010a rgb(58,1,10)
```
#4d010d
```
#4d010d rgb(77,1,13)
```
#610111
```
#610111 rgb(97,1,17)
```
#740114
```
#740114 rgb(116,1,20)
```
#870217
```
#870217 rgb(135,2,23)
```
#9b021b
```
#9b021b rgb(155,2,27)
```
#ae021e
```
#ae021e rgb(174,2,30)
```
#c10221
```
#c10221 rgb(193,2,33)
```
#d50224
```
#d50224 rgb(213,2,36)
```
#e80328
```
#e80328 rgb(232,3,40)
```
#fc032b
```
#fc032b rgb(252,3,43)
```

Shade Color Variation

#fc163b
```
#fc163b rgb(252,22,59)
```
#fd294b
```
#fd294b rgb(253,41,75)
```
#fd3d5c
```
#fd3d5c rgb(253,61,92)
```
#fd506c
```
#fd506c rgb(253,80,108)
```
#fd637c
```
#fd637c rgb(253,99,124)
```
#fd778d
```
#fd778d rgb(253,119,141)
```
#fe8a9d
```
#fe8a9d rgb(254,138,157)
```
#fe9ead
```
#fe9ead rgb(254,158,173)
```
#feb1bd
```
#feb1bd rgb(254,177,189)
```
#fec4ce
```
#fec4ce rgb(254,196,206)
```
#ffd8de
```
#ffd8de rgb(255,216,222)
```
#ffebee
```
#ffebee rgb(255,235,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aba2a3
```
#aba2a3 rgb(171,162,163)
```
#b29b9f
```
#b29b9f rgb(178,155,159)
```
#b9949a
```
#b9949a rgb(185,148,154)
```
#c08d95
```
#c08d95 rgb(192,141,149)
```
#c78691
```
#c78691 rgb(199,134,145)
```
#cd808c
```
#cd808c rgb(205,128,140)
```
#d47988
```
#d47988 rgb(212,121,136)
```
#db7283
```
#db7283 rgb(219,114,131)
```
#e26b7e
```
#e26b7e rgb(226,107,126)
```
#e9647a
```
#e9647a rgb(233,100,122)
```
#ef5e75
```
#ef5e75 rgb(239,94,117)
```
#f65771
```
#f65771 rgb(246,87,113)
```
#fd506c
```
#fd506c rgb(253,80,108)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9f7c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a948c Protanopia 1% of men
#b18f68 Deuteranopia 1% of men
#fc5c61 Tritanopia 0.001% of the population

Trichromacy

#be7b80 Protanomaly 1% of men, 0.01% of women
#cc7869 Deuteranomaly 6% of men, 0.4% of women
#fc5865 Tritanomaly 0.01% of the population

#fd506c hex color

#fd506c Color Information

#fd506c Color Conversion

Color Schemes with #fd506c

Alternatives to #fd506c

#fd506c Preview

Shades and Tints of #fd506c

Tones of #fd506c

Color Blindness Simulator