#f56260 hex color

In a RGB color space, hex #f56260 is composed of 96.1% red, 38.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 60.8% yellow and 3.9% black. It has a hue angle of 0.8 degrees, a saturation of 88.2% and a lightness of 66.9%. #f56260 color hex could be obtained by blending #ffc4c0 with #eb0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 96
- G 38
- B 38
RGB color chart
- C 0
- M 60
- Y 61
- K 4
CMYK color chart

● #f56260 color description : Soft red.

The hexadecimal color #f56260 has RGB values of R:245, G:98, B:96 and CMYK values of C:0, M:0.6, Y:0.61, K:0.04. Its decimal value is 16081504.

Hex triplet	f56260	`#f56260`
RGB Decimal	245, 98, 96	`rgb(245,98,96)`
RGB Percent	96.1, 38.4, 37.6	`rgb(96.1%,38.4%,37.6%)`
CMYK	0, 60, 61, 4
HSL	0.8°, 88.2, 66.9	`hsl(0.8,88.2%,66.9%)`
HSV (or HSB)	0.8°, 60.8, 96.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.779, 56.247, 30.625
XYZ	44.137, 28.997, 14.338
xyY	0.505, 0.331, 28.997
CIE-LCH	60.779, 64.044, 28.567
CIE-LUV	60.779, 110.858, 24.896
Hunter-Lab	53.849, 52.071, 21.907
Binary	11110101, 01100010, 01100000

#f56260
```
#f56260 rgb(245,98,96)
```
#60f3f5
```
#60f3f5 rgb(96,243,245)
```

Complementary Color

#f560a9
```
#f560a9 rgb(245,96,169)
```
#f56260
```
#f56260 rgb(245,98,96)
```
#f5ad60
```
#f5ad60 rgb(245,173,96)
```

Analogous Color

#60a9f5
```
#60a9f5 rgb(96,169,245)
```
#f56260
```
#f56260 rgb(245,98,96)
```
#60f5ad
```
#60f5ad rgb(96,245,173)
```

Split Complementary Color

#6260f5
```
#6260f5 rgb(98,96,245)
```
#f56260
```
#f56260 rgb(245,98,96)
```
#60f562
```
#60f562 rgb(96,245,98)
```

Triadic Color

#f560f3
```
#f560f3 rgb(245,96,243)
```
#f56260
```
#f56260 rgb(245,98,96)
```
#60f562
```
#60f562 rgb(96,245,98)
```
#60f3f5
```
#60f3f5 rgb(96,243,245)
```

Tetradic Color

#f01b18
```
#f01b18 rgb(240,27,24)
```
#f23330
```
#f23330 rgb(242,51,48)
```
#f34a48
```
#f34a48 rgb(243,74,72)
```
#f56260
```
#f56260 rgb(245,98,96)
```
#f77a78
```
#f77a78 rgb(247,122,120)
```
#f89190
```
#f89190 rgb(248,145,144)
```
#faa9a8
```
#faa9a8 rgb(250,169,168)
```

Monochromatic Color

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

#f56083
```
#f56083 rgb(245,96,131)
```
#f56077
```
#f56077 rgb(245,96,119)
```
#f5606a
```
#f5606a rgb(245,96,106)
```
#f56260
```
#f56260 rgb(245,98,96)
```
#f56e60
```
#f56e60 rgb(245,110,96)
```
#f57b60
```
#f57b60 rgb(245,123,96)
```
#f58760
```
#f58760 rgb(245,135,96)
```

Similar Colors

Text with hexadecimal color #f56260

This text has a font color of #f56260.

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

#f56260 background color

This paragraph has a background color of #f56260.

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

#f56260 border color

This element has a border color of #f56260.

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

CSS codes

.text {color:#f56260;}

.background {background-color:#f56260;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#1a0202
```
#1a0202 rgb(26,2,2)
```
#2c0303
```
#2c0303 rgb(44,3,3)
```
#3e0504
```
#3e0504 rgb(62,5,4)
```
#510605
```
#510605 rgb(81,6,5)
```
#630706
```
#630706 rgb(99,7,6)
```
#760907
```
#760907 rgb(118,9,7)
```
#880a09
```
#880a09 rgb(136,10,9)
```
#9b0c0a
```
#9b0c0a rgb(155,12,10)
```
#ad0d0b
```
#ad0d0b rgb(173,13,11)
```
#c00e0c
```
#c00e0c rgb(192,14,12)
```
#d2100d
```
#d2100d rgb(210,16,13)
```
#e5110e
```
#e5110e rgb(229,17,14)
```

Shade Color Variation

#f01916
```
#f01916 rgb(240,25,22)
```
#f22b29
```
#f22b29 rgb(242,43,41)
```
#f33e3b
```
#f33e3b rgb(243,62,59)
```
#f4504e
```
#f4504e rgb(244,80,78)
```
#f56260
```
#f56260 rgb(245,98,96)
```
#f67472
```
#f67472 rgb(246,116,114)
```
#f78685
```
#f78685 rgb(247,134,133)
```
#f89997
```
#f89997 rgb(248,153,151)
```
#faabaa
```
#faabaa rgb(250,171,170)
```
#fbbdbc
```
#fbbdbc rgb(251,189,188)
```
#fccfcf
```
#fccfcf rgb(252,207,207)
```
#fde2e1
```
#fde2e1 rgb(253,226,225)
```
#fef4f4
```
#fef4f4 rgb(254,244,244)
```

Tint Color Variation

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

#aea8a8
```
#aea8a8 rgb(174,168,168)
```
#b4a1a1
```
#b4a1a1 rgb(180,161,161)
```
#bb9b9b
```
#bb9b9b rgb(187,155,155)
```
#c19594
```
#c19594 rgb(193,149,148)
```
#c88e8e
```
#c88e8e rgb(200,142,142)
```
#ce8887
```
#ce8887 rgb(206,136,135)
```
#d58281
```
#d58281 rgb(213,130,129)
```
#db7b7a
```
#db7b7a rgb(219,123,122)
```
#e27574
```
#e27574 rgb(226,117,116)
```
#e86f6d
```
#e86f6d rgb(232,111,109)
```
#ef6867
```
#ef6867 rgb(239,104,103)
```
#f56260
```
#f56260 rgb(245,98,96)
```
#fc5c5a
```
#fc5c5a rgb(252,92,90)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a38585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19779 Protanopia 1% of men
#b7915f Deuteranopia 1% of men
#f5696f Tritanopia 0.001% of the population

Trichromacy

#bf8470 Protanomaly 1% of men, 0.01% of women
#cd805f Deuteranomaly 6% of men, 0.4% of women
#f56669 Tritanomaly 0.01% of the population

#f56260 hex color

#f56260 Color Information

#f56260 Color Conversion

Color Schemes with #f56260

Alternatives to #f56260

#f56260 Preview

Shades and Tints of #f56260

Tones of #f56260

Color Blindness Simulator