#f06180 hex color

In a RGB color space, hex #f06180 is composed of 94.1% red, 38% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.6% magenta, 46.7% yellow and 5.9% black. It has a hue angle of 347 degrees, a saturation of 82.7% and a lightness of 66.1%. #f06180 color hex could be obtained by blending #ffc2ff with #e10001. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 94
- G 38
- B 50
RGB color chart
- C 0
- M 60
- Y 47
- K 6
CMYK color chart

● #f06180 color description : Soft red.

The hexadecimal color #f06180 has RGB values of R:240, G:97, B:128 and CMYK values of C:0, M:0.6, Y:0.47, K:0.06. Its decimal value is 15753600.

Hex triplet	f06180	`#f06180`
RGB Decimal	240, 97, 128	`rgb(240,97,128)`
RGB Percent	94.1, 38, 50.2	`rgb(94.1%,38%,50.2%)`
CMYK	0, 60, 47, 6
HSL	347°, 82.7, 66.1	`hsl(347,82.7%,66.1%)`
HSV (or HSB)	347°, 59.6, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.46, 57.534, 11.646
XYZ	44.107, 28.637, 23.626
xyY	0.458, 0.297, 28.637
CIE-LCH	60.46, 58.701, 11.443
CIE-LUV	60.46, 99.155, 3.906
Hunter-Lab	53.514, 53.475, 11.284
Binary	11110000, 01100001, 10000000

#f06180
```
#f06180 rgb(240,97,128)
```
#61f0d1
```
#61f0d1 rgb(97,240,209)
```

Complementary Color

#f061c8
```
#f061c8 rgb(240,97,200)
```
#f06180
```
#f06180 rgb(240,97,128)
```
#f08a61
```
#f08a61 rgb(240,138,97)
```

Analogous Color

#61c8f0
```
#61c8f0 rgb(97,200,240)
```
#f06180
```
#f06180 rgb(240,97,128)
```
#61f08a
```
#61f08a rgb(97,240,138)
```

Split Complementary Color

#6180f0
```
#6180f0 rgb(97,128,240)
```
#f06180
```
#f06180 rgb(240,97,128)
```
#80f061
```
#80f061 rgb(128,240,97)
```

Triadic Color

#d161f0
```
#d161f0 rgb(209,97,240)
```
#f06180
```
#f06180 rgb(240,97,128)
```
#80f061
```
#80f061 rgb(128,240,97)
```
#61f0d1
```
#61f0d1 rgb(97,240,209)
```

Tetradic Color

#e91b48
```
#e91b48 rgb(233,27,72)
```
#ec325b
```
#ec325b rgb(236,50,91)
```
#ee4a6d
```
#ee4a6d rgb(238,74,109)
```
#f06180
```
#f06180 rgb(240,97,128)
```
#f27893
```
#f27893 rgb(242,120,147)
```
#f490a5
```
#f490a5 rgb(244,144,165)
```
#f7a7b8
```
#f7a7b8 rgb(247,167,184)
```

Monochromatic Color

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

#f061a4
```
#f061a4 rgb(240,97,164)
```
#f06198
```
#f06198 rgb(240,97,152)
```
#f0618c
```
#f0618c rgb(240,97,140)
```
#f06180
```
#f06180 rgb(240,97,128)
```
#f06174
```
#f06174 rgb(240,97,116)
```
#f06168
```
#f06168 rgb(240,97,104)
```
#f06661
```
#f06661 rgb(240,102,97)
```

Similar Colors

Text with hexadecimal color #f06180

This text has a font color of #f06180.

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

#f06180 background color

This paragraph has a background color of #f06180.

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

#f06180 border color

This element has a border color of #f06180.

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

CSS codes

.text {color:#f06180;}

.background {background-color:#f06180;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#150206
```
#150206 rgb(21,2,6)
```
#27040b
```
#27040b rgb(39,4,11)
```
#390511
```
#390511 rgb(57,5,17)
```
#4b0716
```
#4b0716 rgb(75,7,22)
```
#5d091b
```
#5d091b rgb(93,9,27)
```
#6f0b20
```
#6f0b20 rgb(111,11,32)
```
#810c25
```
#810c25 rgb(129,12,37)
```
#930e2b
```
#930e2b rgb(147,14,43)
```
#a41030
```
#a41030 rgb(164,16,48)
```
#b61135
```
#b61135 rgb(182,17,53)
```
#c8133a
```
#c8133a rgb(200,19,58)
```
#da1540
```
#da1540 rgb(218,21,64)
```

Shade Color Variation

#e91946
```
#e91946 rgb(233,25,70)
```
#eb2b55
```
#eb2b55 rgb(235,43,85)
```
#ed3d63
```
#ed3d63 rgb(237,61,99)
```
#ee4f72
```
#ee4f72 rgb(238,79,114)
```
#f06180
```
#f06180 rgb(240,97,128)
```
#f2738e
```
#f2738e rgb(242,115,142)
```
#f3859d
```
#f3859d rgb(243,133,157)
```
#f597ab
```
#f597ab rgb(245,151,171)
```
#f7a9ba
```
#f7a9ba rgb(247,169,186)
```
#f9bbc8
```
#f9bbc8 rgb(249,187,200)
```
#faccd6
```
#faccd6 rgb(250,204,214)
```
#fcdee5
```
#fcdee5 rgb(252,222,229)
```
#fef0f3
```
#fef0f3 rgb(254,240,243)
```

Tint Color Variation

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

#ada4a6
```
#ada4a6 rgb(173,164,166)
```
#b49da2
```
#b49da2 rgb(180,157,162)
```
#bb969e
```
#bb969e rgb(187,150,158)
```
#c1909a
```
#c1909a rgb(193,144,154)
```
#c88997
```
#c88997 rgb(200,137,151)
```
#cf8293
```
#cf8293 rgb(207,130,147)
```
#d57c8f
```
#d57c8f rgb(213,124,143)
```
#dc758b
```
#dc758b rgb(220,117,139)
```
#e36e88
```
#e36e88 rgb(227,110,136)
```
#e96884
```
#e96884 rgb(233,104,132)
```
#f06180
```
#f06180 rgb(240,97,128)
```
#f75a7c
```
#f75a7c rgb(247,90,124)
```
#fd5478
```
#fd5478 rgb(253,84,120)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a2868c Atypical Achromatopsia 0.001% of the population

Dichromacy

#98969c Protanopia 1% of men
#ae917d Deuteranopia 1% of men
#ef6c73 Tritanopia 0.001% of the population

Trichromacy

#b88391 Protanomaly 1% of men, 0.01% of women
#c6807e Deuteranomaly 6% of men, 0.4% of women
#ef6878 Tritanomaly 0.01% of the population

#f06180 hex color

#f06180 Color Information

#f06180 Color Conversion

Color Schemes with #f06180

Alternatives to #f06180

#f06180 Preview

Shades and Tints of #f06180

Tones of #f06180

Color Blindness Simulator