#fd685f hex color

In a RGB color space, hex #fd685f is composed of 99.2% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 62.5% yellow and 0.8% black. It has a hue angle of 3.4 degrees, a saturation of 97.5% and a lightness of 68.2%. #fd685f color hex could be obtained by blending #ffd0be with #fb0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 41
- B 37
RGB color chart
- C 0
- M 59
- Y 62
- K 1
CMYK color chart

● #fd685f color description : Soft red.

The hexadecimal color #fd685f has RGB values of R:253, G:104, B:95 and CMYK values of C:0, M:0.59, Y:0.62, K:0.01. Its decimal value is 16607327.

Hex triplet	fd685f	`#fd685f`
RGB Decimal	253, 104, 95	`rgb(253,104,95)`
RGB Percent	99.2, 40.8, 37.3	`rgb(99.2%,40.8%,37.3%)`
CMYK	0, 59, 62, 1
HSL	3.4°, 97.5, 68.2	`hsl(3.4,97.5%,68.2%)`
HSV (or HSB)	3.4°, 62.5, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	63.023, 56.241, 34.289
XYZ	47.526, 31.614, 14.425
xyY	0.508, 0.338, 31.614
CIE-LCH	63.023, 65.869, 31.37
CIE-LUV	63.023, 113.567, 28.872
Hunter-Lab	56.227, 52.481, 24.147
Binary	11111101, 01101000, 01011111

#fd685f
```
#fd685f rgb(253,104,95)
```
#5ff4fd
```
#5ff4fd rgb(95,244,253)
```

Complementary Color

#fd5fa5
```
#fd5fa5 rgb(253,95,165)
```
#fd685f
```
#fd685f rgb(253,104,95)
```
#fdb75f
```
#fdb75f rgb(253,183,95)
```

Analogous Color

#5fa5fd
```
#5fa5fd rgb(95,165,253)
```
#fd685f
```
#fd685f rgb(253,104,95)
```
#5ffdb7
```
#5ffdb7 rgb(95,253,183)
```

Split Complementary Color

#685ffd
```
#685ffd rgb(104,95,253)
```
#fd685f
```
#fd685f rgb(253,104,95)
```
#5ffd68
```
#5ffd68 rgb(95,253,104)
```

Triadic Color

#fd5ff4
```
#fd5ff4 rgb(253,95,244)
```
#fd685f
```
#fd685f rgb(253,104,95)
```
#5ffd68
```
#5ffd68 rgb(95,253,104)
```
#5ff4fd
```
#5ff4fd rgb(95,244,253)
```

Tetradic Color

#fc2113
```
#fc2113 rgb(252,33,19)
```
#fc382d
```
#fc382d rgb(252,56,45)
```
#fd5046
```
#fd5046 rgb(253,80,70)
```
#fd685f
```
#fd685f rgb(253,104,95)
```
#fd8078
```
#fd8078 rgb(253,128,120)
```
#fe9891
```
#fe9891 rgb(254,152,145)
```
#feafab
```
#feafab rgb(254,175,171)
```

Monochromatic Color

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

#fd5f7e
```
#fd5f7e rgb(253,95,126)
```
#fd5f70
```
#fd5f70 rgb(253,95,112)
```
#fd5f63
```
#fd5f63 rgb(253,95,99)
```
#fd685f
```
#fd685f rgb(253,104,95)
```
#fd755f
```
#fd755f rgb(253,117,95)
```
#fd825f
```
#fd825f rgb(253,130,95)
```
#fd905f
```
#fd905f rgb(253,144,95)
```

Similar Colors

Text with hexadecimal color #fd685f

This text has a font color of #fd685f.

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

#fd685f background color

This paragraph has a background color of #fd685f.

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

#fd685f border color

This element has a border color of #fd685f.

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

CSS codes

.text {color:#fd685f;}

.background {background-color:#fd685f;}

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

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

#0e0100
```
#0e0100 rgb(14,1,0)
```
#220200
```
#220200 rgb(34,2,0)
```
#350401
```
#350401 rgb(53,4,1)
```
#480501
```
#480501 rgb(72,5,1)
```
#5c0601
```
#5c0601 rgb(92,6,1)
```
#6f0801
```
#6f0801 rgb(111,8,1)
```
#830902
```
#830902 rgb(131,9,2)
```
#960a02
```
#960a02 rgb(150,10,2)
```
#a90c02
```
#a90c02 rgb(169,12,2)
```
#bd0d02
```
#bd0d02 rgb(189,13,2)
```
#d00e03
```
#d00e03 rgb(208,14,3)
```
#e31003
```
#e31003 rgb(227,16,3)
```
#f71103
```
#f71103 rgb(247,17,3)
```

Shade Color Variation

#fc1f12
```
#fc1f12 rgb(252,31,18)
```
#fc3125
```
#fc3125 rgb(252,49,37)
```
#fd4338
```
#fd4338 rgb(253,67,56)
```
#fd564c
```
#fd564c rgb(253,86,76)
```
#fd685f
```
#fd685f rgb(253,104,95)
```
#fd7a72
```
#fd7a72 rgb(253,122,114)
```
#fd8d86
```
#fd8d86 rgb(253,141,134)
```
#fe9f99
```
#fe9f99 rgb(254,159,153)
```
#feb1ac
```
#feb1ac rgb(254,177,172)
```
#fec3c0
```
#fec3c0 rgb(254,195,192)
```
#fed6d3
```
#fed6d3 rgb(254,214,211)
```
#ffe8e7
```
#ffe8e7 rgb(255,232,231)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#b2aaaa
```
#b2aaaa rgb(178,170,170)
```
#b8a5a4
```
#b8a5a4 rgb(184,165,164)
```
#bf9f9d
```
#bf9f9d rgb(191,159,157)
```
#c59a97
```
#c59a97 rgb(197,154,151)
```
#cb9491
```
#cb9491 rgb(203,148,145)
```
#d18f8b
```
#d18f8b rgb(209,143,139)
```
#d88984
```
#d88984 rgb(216,137,132)
```
#de847e
```
#de847e rgb(222,132,126)
```
#e47e78
```
#e47e78 rgb(228,126,120)
```
#ea7972
```
#ea7972 rgb(234,121,114)
```
#f1736b
```
#f1736b rgb(241,115,107)
```
#f76e65
```
#f76e65 rgb(247,110,101)
```
#fd685f
```
#fd685f rgb(253,104,95)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a98b89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89d78 Protanopia 1% of men
#be975e Deuteranopia 1% of men
#fd6d74 Tritanopia 0.001% of the population

Trichromacy

#c78a6f Protanomaly 1% of men, 0.01% of women
#d5855e Deuteranomaly 6% of men, 0.4% of women
#fd6b6c Tritanomaly 0.01% of the population

#fd685f hex color

#fd685f Color Information

#fd685f Color Conversion

Color Schemes with #fd685f

Alternatives to #fd685f

#fd685f Preview

Shades and Tints of #fd685f

Tones of #fd685f

Color Blindness Simulator