#f56180 hex color

In a RGB color space, hex #f56180 is composed of 96.1% red, 38% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 347.4 degrees, a saturation of 88.1% and a lightness of 67.1%. #f56180 color hex could be obtained by blending #ffc2ff with #eb0001. Closest websafe color is: #ff6699.

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

● #f56180 color description : Soft red.

The hexadecimal color #f56180 has RGB values of R:245, G:97, B:128 and CMYK values of C:0, M:0.6, Y:0.48, K:0.04. Its decimal value is 16081280.

Hex triplet	f56180	`#f56180`
RGB Decimal	245, 97, 128	`rgb(245,97,128)`
RGB Percent	96.1, 38, 50.2	`rgb(96.1%,38%,50.2%)`
CMYK	0, 60, 48, 4
HSL	347.4°, 88.1, 67.1	`hsl(347.4,88.1%,67.1%)`
HSV (or HSB)	347.4°, 60.4, 96.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.242, 59.135, 12.857
XYZ	45.828, 29.525, 23.706
xyY	0.463, 0.298, 29.525
CIE-LCH	61.242, 60.517, 12.267
CIE-LUV	61.242, 103.19, 5.033
Hunter-Lab	54.337, 55.461, 12.168
Binary	11110101, 01100001, 10000000

#f56180
```
#f56180 rgb(245,97,128)
```
#61f5d6
```
#61f5d6 rgb(97,245,214)
```

Complementary Color

#f561ca
```
#f561ca rgb(245,97,202)
```
#f56180
```
#f56180 rgb(245,97,128)
```
#f58c61
```
#f58c61 rgb(245,140,97)
```

Analogous Color

#61caf5
```
#61caf5 rgb(97,202,245)
```
#f56180
```
#f56180 rgb(245,97,128)
```
#61f58c
```
#61f58c rgb(97,245,140)
```

Split Complementary Color

#6180f5
```
#6180f5 rgb(97,128,245)
```
#f56180
```
#f56180 rgb(245,97,128)
```
#80f561
```
#80f561 rgb(128,245,97)
```

Triadic Color

#d661f5
```
#d661f5 rgb(214,97,245)
```
#f56180
```
#f56180 rgb(245,97,128)
```
#80f561
```
#80f561 rgb(128,245,97)
```
#61f5d6
```
#61f5d6 rgb(97,245,214)
```

Tetradic Color

#f01946
```
#f01946 rgb(240,25,70)
```
#f23159
```
#f23159 rgb(242,49,89)
```
#f3496d
```
#f3496d rgb(243,73,109)
```
#f56180
```
#f56180 rgb(245,97,128)
```
#f77993
```
#f77993 rgb(247,121,147)
```
#f891a7
```
#f891a7 rgb(248,145,167)
```
#faa9ba
```
#faa9ba rgb(250,169,186)
```

Monochromatic Color

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

#f561a5
```
#f561a5 rgb(245,97,165)
```
#f56199
```
#f56199 rgb(245,97,153)
```
#f5618c
```
#f5618c rgb(245,97,140)
```
#f56180
```
#f56180 rgb(245,97,128)
```
#f56174
```
#f56174 rgb(245,97,116)
```
#f56167
```
#f56167 rgb(245,97,103)
```
#f56761
```
#f56761 rgb(245,103,97)
```

Similar Colors

Text with hexadecimal color #f56180

This text has a font color of #f56180.

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

#f56180 background color

This paragraph has a background color of #f56180.

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

#f56180 border color

This element has a border color of #f56180.

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

CSS codes

.text {color:#f56180;}

.background {background-color:#f56180;}

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

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

#080102
```
#080102 rgb(8,1,2)
```
#1a0207
```
#1a0207 rgb(26,2,7)
```
#2d030c
```
#2d030c rgb(45,3,12)
```
#3f0410
```
#3f0410 rgb(63,4,16)
```
#520515
```
#520515 rgb(82,5,21)
```
#64061a
```
#64061a rgb(100,6,26)
```
#77081f
```
#77081f rgb(119,8,31)
```
#890924
```
#890924 rgb(137,9,36)
```
#9c0a28
```
#9c0a28 rgb(156,10,40)
```
#ae0b2d
```
#ae0b2d rgb(174,11,45)
```
#c10c32
```
#c10c32 rgb(193,12,50)
```
#d30d37
```
#d30d37 rgb(211,13,55)
```
#e50f3c
```
#e50f3c rgb(229,15,60)
```

Shade Color Variation

#f01745
```
#f01745 rgb(240,23,69)
```
#f12a54
```
#f12a54 rgb(241,42,84)
```
#f33c62
```
#f33c62 rgb(243,60,98)
```
#f44f71
```
#f44f71 rgb(244,79,113)
```
#f56180
```
#f56180 rgb(245,97,128)
```
#f6738f
```
#f6738f rgb(246,115,143)
```
#f7869e
```
#f7869e rgb(247,134,158)
```
#f998ac
```
#f998ac rgb(249,152,172)
```
#faabbb
```
#faabbb rgb(250,171,187)
```
#fbbdca
```
#fbbdca rgb(251,189,202)
```
#fcd0d9
```
#fcd0d9 rgb(252,208,217)
```
#fde2e8
```
#fde2e8 rgb(253,226,232)
```
#fef5f7
```
#fef5f7 rgb(254,245,247)
```

Tint Color Variation

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

#aea8a9
```
#aea8a9 rgb(174,168,169)
```
#b4a2a6
```
#b4a2a6 rgb(180,162,166)
```
#bb9ba2
```
#bb9ba2 rgb(187,155,162)
```
#c1959e
```
#c1959e rgb(193,149,158)
```
#c88e9a
```
#c88e9a rgb(200,142,154)
```
#ce8897
```
#ce8897 rgb(206,136,151)
```
#d58193
```
#d58193 rgb(213,129,147)
```
#db7b8f
```
#db7b8f rgb(219,123,143)
```
#e2748b
```
#e2748b rgb(226,116,139)
```
#e86e88
```
#e86e88 rgb(232,110,136)
```
#ef6784
```
#ef6784 rgb(239,103,132)
```
#f56180
```
#f56180 rgb(245,97,128)
```
#fb5b7c
```
#fb5b7c rgb(251,91,124)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a5878e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a989c Protanopia 1% of men
#b1937d Deuteranopia 1% of men
#f46c73 Tritanopia 0.001% of the population

Trichromacy

#bb8492 Protanomaly 1% of men, 0.01% of women
#ca817e Deuteranomaly 6% of men, 0.4% of women
#f46877 Tritanomaly 0.01% of the population

#f56180 hex color

#f56180 Color Information

#f56180 Color Conversion

Color Schemes with #f56180

Alternatives to #f56180

#f56180 Preview

Shades and Tints of #f56180

Tones of #f56180

Color Blindness Simulator