#fd6f60 hex color

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

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

● #fd6f60 color description : Soft red.

The hexadecimal color #fd6f60 has RGB values of R:253, G:111, B:96 and CMYK values of C:0, M:0.56, Y:0.62, K:0.01. Its decimal value is 16609120.

Hex triplet	fd6f60	`#fd6f60`
RGB Decimal	253, 111, 96	`rgb(253,111,96)`
RGB Percent	99.2, 43.5, 37.6	`rgb(99.2%,43.5%,37.6%)`
CMYK	0, 56, 62, 1
HSL	5.7°, 97.5, 68.4	`hsl(5.7,97.5%,68.4%)`
HSV (or HSB)	5.7°, 62.1, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	64.242, 53.142, 35.26
XYZ	48.305, 33.101, 14.911
xyY	0.502, 0.344, 33.101
CIE-LCH	64.242, 63.776, 33.564
CIE-LUV	64.242, 108.49, 30.881
Hunter-Lab	57.533, 49.187, 24.907
Binary	11111101, 01101111, 01100000

#fd6f60
```
#fd6f60 rgb(253,111,96)
```
#60eefd
```
#60eefd rgb(96,238,253)
```

Complementary Color

#fd60a0
```
#fd60a0 rgb(253,96,160)
```
#fd6f60
```
#fd6f60 rgb(253,111,96)
```
#fdbe60
```
#fdbe60 rgb(253,190,96)
```

Analogous Color

#60a0fd
```
#60a0fd rgb(96,160,253)
```
#fd6f60
```
#fd6f60 rgb(253,111,96)
```
#60fdbe
```
#60fdbe rgb(96,253,190)
```

Split Complementary Color

#6f60fd
```
#6f60fd rgb(111,96,253)
```
#fd6f60
```
#fd6f60 rgb(253,111,96)
```
#60fd6f
```
#60fd6f rgb(96,253,111)
```

Triadic Color

#fd60ee
```
#fd60ee rgb(253,96,238)
```
#fd6f60
```
#fd6f60 rgb(253,111,96)
```
#60fd6f
```
#60fd6f rgb(96,253,111)
```
#60eefd
```
#60eefd rgb(96,238,253)
```

Tetradic Color

#fc2b14
```
#fc2b14 rgb(252,43,20)
```
#fc412e
```
#fc412e rgb(252,65,46)
```
#fd5847
```
#fd5847 rgb(253,88,71)
```
#fd6f60
```
#fd6f60 rgb(253,111,96)
```
#fd8679
```
#fd8679 rgb(253,134,121)
```
#fe9d92
```
#fe9d92 rgb(254,157,146)
```
#feb3ac
```
#feb3ac rgb(254,179,172)
```

Monochromatic Color

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

#fd6078
```
#fd6078 rgb(253,96,120)
```
#fd606b
```
#fd606b rgb(253,96,107)
```
#fd6260
```
#fd6260 rgb(253,98,96)
```
#fd6f60
```
#fd6f60 rgb(253,111,96)
```
#fd7c60
```
#fd7c60 rgb(253,124,96)
```
#fd8960
```
#fd8960 rgb(253,137,96)
```
#fd9660
```
#fd9660 rgb(253,150,96)
```

Similar Colors

Text with hexadecimal color #fd6f60

This text has a font color of #fd6f60.

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

#fd6f60 background color

This paragraph has a background color of #fd6f60.

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

#fd6f60 border color

This element has a border color of #fd6f60.

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

CSS codes

.text {color:#fd6f60;}

.background {background-color:#fd6f60;}

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

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

#0f0200
```
#0f0200 rgb(15,2,0)
```
#230400
```
#230400 rgb(35,4,0)
```
#360601
```
#360601 rgb(54,6,1)
```
#490801
```
#490801 rgb(73,8,1)
```
#5d0a01
```
#5d0a01 rgb(93,10,1)
```
#700c01
```
#700c01 rgb(112,12,1)
```
#840e02
```
#840e02 rgb(132,14,2)
```
#971002
```
#971002 rgb(151,16,2)
```
#aa1202
```
#aa1202 rgb(170,18,2)
```
#be1402
```
#be1402 rgb(190,20,2)
```
#d11603
```
#d11603 rgb(209,22,3)
```
#e41803
```
#e41803 rgb(228,24,3)
```
#f81a03
```
#f81a03 rgb(248,26,3)
```

Shade Color Variation

#fc2913
```
#fc2913 rgb(252,41,19)
```
#fc3a26
```
#fc3a26 rgb(252,58,38)
```
#fd4c39
```
#fd4c39 rgb(253,76,57)
```
#fd5d4d
```
#fd5d4d rgb(253,93,77)
```
#fd6f60
```
#fd6f60 rgb(253,111,96)
```
#fd8173
```
#fd8173 rgb(253,129,115)
```
#fd9287
```
#fd9287 rgb(253,146,135)
```
#fea49a
```
#fea49a rgb(254,164,154)
```
#feb5ad
```
#feb5ad rgb(254,181,173)
```
#fec7c1
```
#fec7c1 rgb(254,199,193)
```
#fed8d4
```
#fed8d4 rgb(254,216,212)
```
#ffeae8
```
#ffeae8 rgb(255,234,232)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#b3abaa
```
#b3abaa rgb(179,171,170)
```
#b9a6a4
```
#b9a6a4 rgb(185,166,164)
```
#bfa19e
```
#bfa19e rgb(191,161,158)
```
#c59c98
```
#c59c98 rgb(197,156,152)
```
#cb9792
```
#cb9792 rgb(203,151,146)
```
#d2928b
```
#d2928b rgb(210,146,139)
```
#d88d85
```
#d88d85 rgb(216,141,133)
```
#de887f
```
#de887f rgb(222,136,127)
```
#e48379
```
#e48379 rgb(228,131,121)
```
#ea7e73
```
#ea7e73 rgb(234,126,115)
```
#f1796c
```
#f1796c rgb(241,121,108)
```
#f77466
```
#f77466 rgb(247,116,102)
```
#fd6f60
```
#fd6f60 rgb(253,111,96)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#ac908d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca077 Protanopia 1% of men
#c2995f Deuteranopia 1% of men
#fe737a Tritanopia 0.001% of the population

Trichromacy

#c98e6f Protanomaly 1% of men, 0.01% of women
#d78a5f Deuteranomaly 6% of men, 0.4% of women
#fd7271 Tritanomaly 0.01% of the population

#fd6f60 hex color

#fd6f60 Color Information

#fd6f60 Color Conversion

Color Schemes with #fd6f60

Alternatives to #fd6f60

#fd6f60 Preview

Shades and Tints of #fd6f60

Tones of #fd6f60

Color Blindness Simulator