#fd6f50 hex color

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

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

● #fd6f50 color description : Soft red.

The hexadecimal color #fd6f50 has RGB values of R:253, G:111, B:80 and CMYK values of C:0, M:0.56, Y:0.68, K:0.01. Its decimal value is 16609104.

Hex triplet	fd6f50	`#fd6f50`
RGB Decimal	253, 111, 80	`rgb(253,111,80)`
RGB Percent	99.2, 43.5, 31.4	`rgb(99.2%,43.5%,31.4%)`
CMYK	0, 56, 68, 1
HSL	10.8°, 97.7, 65.3	`hsl(10.8,97.7%,65.3%)`
HSV (or HSB)	10.8°, 68.4, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	64.027, 52.234, 43.665
XYZ	47.642, 32.835, 11.418
xyY	0.518, 0.357, 32.835
CIE-LCH	64.027, 68.081, 39.894
CIE-LUV	64.027, 111.464, 38.39
Hunter-Lab	57.302, 48.129, 28.297
Binary	11111101, 01101111, 01010000

#fd6f50
```
#fd6f50 rgb(253,111,80)
```
#50defd
```
#50defd rgb(80,222,253)
```

Complementary Color

#fd5088
```
#fd5088 rgb(253,80,136)
```
#fd6f50
```
#fd6f50 rgb(253,111,80)
```
#fdc650
```
#fdc650 rgb(253,198,80)
```

Analogous Color

#5088fd
```
#5088fd rgb(80,136,253)
```
#fd6f50
```
#fd6f50 rgb(253,111,80)
```
#50fdc6
```
#50fdc6 rgb(80,253,198)
```

Split Complementary Color

#6f50fd
```
#6f50fd rgb(111,80,253)
```
#fd6f50
```
#fd6f50 rgb(253,111,80)
```
#50fd6f
```
#50fd6f rgb(80,253,111)
```

Triadic Color

#fd50de
```
#fd50de rgb(253,80,222)
```
#fd6f50
```
#fd6f50 rgb(253,111,80)
```
#50fd6f
```
#50fd6f rgb(80,253,111)
```
#50defd
```
#50defd rgb(80,222,253)
```

Tetradic Color

#fc3104
```
#fc3104 rgb(252,49,4)
```
#fc461e
```
#fc461e rgb(252,70,30)
```
#fd5a37
```
#fd5a37 rgb(253,90,55)
```
#fd6f50
```
#fd6f50 rgb(253,111,80)
```
#fd8469
```
#fd8469 rgb(253,132,105)
```
#fe9882
```
#fe9882 rgb(254,152,130)
```
#fead9c
```
#fead9c rgb(254,173,156)
```

Monochromatic Color

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

#fd505c
```
#fd505c rgb(253,80,92)
```
#fd5250
```
#fd5250 rgb(253,82,80)
```
#fd6150
```
#fd6150 rgb(253,97,80)
```
#fd6f50
```
#fd6f50 rgb(253,111,80)
```
#fd7d50
```
#fd7d50 rgb(253,125,80)
```
#fd8c50
```
#fd8c50 rgb(253,140,80)
```
#fd9a50
```
#fd9a50 rgb(253,154,80)
```

Similar Colors

Text with hexadecimal color #fd6f50

This text has a font color of #fd6f50.

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

#fd6f50 background color

This paragraph has a background color of #fd6f50.

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

#fd6f50 border color

This element has a border color of #fd6f50.

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

CSS codes

.text {color:#fd6f50;}

.background {background-color:#fd6f50;}

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

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

#130400
```
#130400 rgb(19,4,0)
```
#260700
```
#260700 rgb(38,7,0)
```
#3a0b01
```
#3a0b01 rgb(58,11,1)
```
#4d0f01
```
#4d0f01 rgb(77,15,1)
```
#611201
```
#611201 rgb(97,18,1)
```
#741601
```
#741601 rgb(116,22,1)
```
#871a02
```
#871a02 rgb(135,26,2)
```
#9b1d02
```
#9b1d02 rgb(155,29,2)
```
#ae2102
```
#ae2102 rgb(174,33,2)
```
#c12402
```
#c12402 rgb(193,36,2)
```
#d52802
```
#d52802 rgb(213,40,2)
```
#e82c03
```
#e82c03 rgb(232,44,3)
```
#fc2f03
```
#fc2f03 rgb(252,47,3)
```

Shade Color Variation

#fc3f16
```
#fc3f16 rgb(252,63,22)
```
#fd4f29
```
#fd4f29 rgb(253,79,41)
```
#fd5f3d
```
#fd5f3d rgb(253,95,61)
```
#fd6f50
```
#fd6f50 rgb(253,111,80)
```
#fd7f63
```
#fd7f63 rgb(253,127,99)
```
#fd8f77
```
#fd8f77 rgb(253,143,119)
```
#fe9f8a
```
#fe9f8a rgb(254,159,138)
```
#feaf9e
```
#feaf9e rgb(254,175,158)
```
#febfb1
```
#febfb1 rgb(254,191,177)
```
#fecfc4
```
#fecfc4 rgb(254,207,196)
```
#ffdfd8
```
#ffdfd8 rgb(255,223,216)
```
#ffefeb
```
#ffefeb rgb(255,239,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aba3a2
```
#aba3a2 rgb(171,163,162)
```
#b29f9b
```
#b29f9b rgb(178,159,155)
```
#b99b94
```
#b99b94 rgb(185,155,148)
```
#c0968d
```
#c0968d rgb(192,150,141)
```
#c79286
```
#c79286 rgb(199,146,134)
```
#cd8e80
```
#cd8e80 rgb(205,142,128)
```
#d48979
```
#d48979 rgb(212,137,121)
```
#db8572
```
#db8572 rgb(219,133,114)
```
#e2806b
```
#e2806b rgb(226,128,107)
```
#e97c64
```
#e97c64 rgb(233,124,100)
```
#ef785e
```
#ef785e rgb(239,120,94)
```
#f67357
```
#f67357 rgb(246,115,87)
```
#fd6f50
```
#fd6f50 rgb(253,111,80)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#ab8e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea066 Protanopia 1% of men
#c49950 Deuteranopia 1% of men
#fe7279 Tritanopia 0.001% of the population

Trichromacy

#ca8e5e Protanomaly 1% of men, 0.01% of women
#d88950 Deuteranomaly 6% of men, 0.4% of women
#fe716a Tritanomaly 0.01% of the population

#fd6f50 hex color

#fd6f50 Color Information

#fd6f50 Color Conversion

Color Schemes with #fd6f50

Alternatives to #fd6f50

#fd6f50 Preview

Shades and Tints of #fd6f50

Tones of #fd6f50

Color Blindness Simulator