#f56164 hex color

In a RGB color space, hex #f56164 is composed of 96.1% red, 38% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 59.2% yellow and 3.9% black. It has a hue angle of 358.8 degrees, a saturation of 88.1% and a lightness of 67.1%. #f56164 color hex could be obtained by blending #ffc2c8 with #eb0000. Closest websafe color is: #ff6666.

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

● #f56164 color description : Soft red.

The hexadecimal color #f56164 has RGB values of R:245, G:97, B:100 and CMYK values of C:0, M:0.6, Y:0.59, K:0.04. Its decimal value is 16081252.

Hex triplet	f56164	`#f56164`
RGB Decimal	245, 97, 100	`rgb(245,97,100)`
RGB Percent	96.1, 38, 39.2	`rgb(96.1%,38%,39.2%)`
CMYK	0, 60, 59, 4
HSL	358.8°, 88.1, 67.1	`hsl(358.8,88.1%,67.1%)`
HSV (or HSB)	358.8°, 60.4, 96.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.681, 56.947, 28.226
XYZ	44.233, 28.886, 15.302
xyY	0.5, 0.327, 28.886
CIE-LCH	60.681, 63.559, 26.365
CIE-LUV	60.681, 110.58, 22.356
Hunter-Lab	53.746, 52.849, 20.742
Binary	11110101, 01100001, 01100100

#f56164
```
#f56164 rgb(245,97,100)
```
#61f5f2
```
#61f5f2 rgb(97,245,242)
```

Complementary Color

#f561ae
```
#f561ae rgb(245,97,174)
```
#f56164
```
#f56164 rgb(245,97,100)
```
#f5a861
```
#f5a861 rgb(245,168,97)
```

Analogous Color

#61aef5
```
#61aef5 rgb(97,174,245)
```
#f56164
```
#f56164 rgb(245,97,100)
```
#61f5a8
```
#61f5a8 rgb(97,245,168)
```

Split Complementary Color

#6164f5
```
#6164f5 rgb(97,100,245)
```
#f56164
```
#f56164 rgb(245,97,100)
```
#64f561
```
#64f561 rgb(100,245,97)
```

Triadic Color

#f261f5
```
#f261f5 rgb(242,97,245)
```
#f56164
```
#f56164 rgb(245,97,100)
```
#64f561
```
#64f561 rgb(100,245,97)
```
#61f5f2
```
#61f5f2 rgb(97,245,242)
```

Tetradic Color

#f0191d
```
#f0191d rgb(240,25,29)
```
#f23135
```
#f23135 rgb(242,49,53)
```
#f3494c
```
#f3494c rgb(243,73,76)
```
#f56164
```
#f56164 rgb(245,97,100)
```
#f7797c
```
#f7797c rgb(247,121,124)
```
#f89193
```
#f89193 rgb(248,145,147)
```
#faa9ab
```
#faa9ab rgb(250,169,171)
```

Monochromatic Color

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

#f56189
```
#f56189 rgb(245,97,137)
```
#f5617d
```
#f5617d rgb(245,97,125)
```
#f56170
```
#f56170 rgb(245,97,112)
```
#f56164
```
#f56164 rgb(245,97,100)
```
#f56a61
```
#f56a61 rgb(245,106,97)
```
#f57761
```
#f57761 rgb(245,119,97)
```
#f58361
```
#f58361 rgb(245,131,97)
```

Similar Colors

Text with hexadecimal color #f56164

This text has a font color of #f56164.

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

#f56164 background color

This paragraph has a background color of #f56164.

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

#f56164 border color

This element has a border color of #f56164.

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

CSS codes

.text {color:#f56164;}

.background {background-color:#f56164;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1a0202
```
#1a0202 rgb(26,2,2)
```
#2d0304
```
#2d0304 rgb(45,3,4)
```
#3f0405
```
#3f0405 rgb(63,4,5)
```
#520507
```
#520507 rgb(82,5,7)
```
#640608
```
#640608 rgb(100,6,8)
```
#77080a
```
#77080a rgb(119,8,10)
```
#89090b
```
#89090b rgb(137,9,11)
```
#9c0a0d
```
#9c0a0d rgb(156,10,13)
```
#ae0b0e
```
#ae0b0e rgb(174,11,14)
```
#c10c10
```
#c10c10 rgb(193,12,16)
```
#d30d11
```
#d30d11 rgb(211,13,17)
```
#e50f13
```
#e50f13 rgb(229,15,19)
```

Shade Color Variation

#f0171c
```
#f0171c rgb(240,23,28)
```
#f12a2e
```
#f12a2e rgb(241,42,46)
```
#f33c40
```
#f33c40 rgb(243,60,64)
```
#f44f52
```
#f44f52 rgb(244,79,82)
```
#f56164
```
#f56164 rgb(245,97,100)
```
#f67376
```
#f67376 rgb(246,115,118)
```
#f78688
```
#f78688 rgb(247,134,136)
```
#f9989a
```
#f9989a rgb(249,152,154)
```
#faabac
```
#faabac rgb(250,171,172)
```
#fbbdbe
```
#fbbdbe rgb(251,189,190)
```
#fcd0d1
```
#fcd0d1 rgb(252,208,209)
```
#fde2e3
```
#fde2e3 rgb(253,226,227)
```
#fef5f5
```
#fef5f5 rgb(254,245,245)
```

Tint Color Variation

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

#aea8a8
```
#aea8a8 rgb(174,168,168)
```
#b4a2a2
```
#b4a2a2 rgb(180,162,162)
```
#bb9b9c
```
#bb9b9c rgb(187,155,156)
```
#c19596
```
#c19596 rgb(193,149,150)
```
#c88e8f
```
#c88e8f rgb(200,142,143)
```
#ce8889
```
#ce8889 rgb(206,136,137)
```
#d58183
```
#d58183 rgb(213,129,131)
```
#db7b7d
```
#db7b7d rgb(219,123,125)
```
#e27477
```
#e27477 rgb(226,116,119)
```
#e86e70
```
#e86e70 rgb(232,110,112)
```
#ef676a
```
#ef676a rgb(239,103,106)
```
#f56164
```
#f56164 rgb(245,97,100)
```
#fb5b5e
```
#fb5b5e rgb(251,91,94)
```

Tone Color Variation

Below, you can see how #f56164 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
#a38586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0977e Protanopia 1% of men
#b69162 Deuteranopia 1% of men
#f5686e Tritanopia 0.001% of the population

Trichromacy

#bf8374 Protanomaly 1% of men, 0.01% of women
#cc7f63 Deuteranomaly 6% of men, 0.4% of women
#f5656a Tritanomaly 0.01% of the population

#f56164 hex color

#f56164 Color Information

#f56164 Color Conversion

Color Schemes with #f56164

Alternatives to #f56164

#f56164 Preview

Shades and Tints of #f56164

Tones of #f56164

Color Blindness Simulator