#f06987 hex color

In a RGB color space, hex #f06987 is composed of 94.1% red, 41.2% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.3% magenta, 43.8% yellow and 5.9% black. It has a hue angle of 346.7 degrees, a saturation of 81.8% and a lightness of 67.6%. #f06987 color hex could be obtained by blending #ffd2ff with #e1000f. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 94
- G 41
- B 53
RGB color chart
- C 0
- M 56
- Y 44
- K 6
CMYK color chart

● #f06987 color description : Soft red.

The hexadecimal color #f06987 has RGB values of R:240, G:105, B:135 and CMYK values of C:0, M:0.56, Y:0.44, K:0.06. Its decimal value is 15755655.

Hex triplet	f06987	`#f06987`
RGB Decimal	240, 105, 135	`rgb(240,105,135)`
RGB Percent	94.1, 41.2, 52.9	`rgb(94.1%,41.2%,52.9%)`
CMYK	0, 56, 44, 6
HSL	346.7°, 81.8, 67.6	`hsl(346.7,81.8%,67.6%)`
HSV (or HSB)	346.7°, 56.3, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.982, 54.607, 9.746
XYZ	45.361, 30.382, 26.396
xyY	0.444, 0.297, 30.382
CIE-LCH	61.982, 55.47, 10.119
CIE-LUV	61.982, 92.54, 2.322
Hunter-Lab	55.12, 50.438, 10.191
Binary	11110000, 01101001, 10000111

#f06987
```
#f06987 rgb(240,105,135)
```
#69f0d2
```
#69f0d2 rgb(105,240,210)
```

Complementary Color

#f069cb
```
#f069cb rgb(240,105,203)
```
#f06987
```
#f06987 rgb(240,105,135)
```
#f08f69
```
#f08f69 rgb(240,143,105)
```

Analogous Color

#69cbf0
```
#69cbf0 rgb(105,203,240)
```
#f06987
```
#f06987 rgb(240,105,135)
```
#69f08f
```
#69f08f rgb(105,240,143)
```

Split Complementary Color

#6987f0
```
#6987f0 rgb(105,135,240)
```
#f06987
```
#f06987 rgb(240,105,135)
```
#87f069
```
#87f069 rgb(135,240,105)
```

Triadic Color

#d269f0
```
#d269f0 rgb(210,105,240)
```
#f06987
```
#f06987 rgb(240,105,135)
```
#87f069
```
#87f069 rgb(135,240,105)
```
#69f0d2
```
#69f0d2 rgb(105,240,210)
```

Tetradic Color

#e9234f
```
#e9234f rgb(233,35,79)
```
#eb3b62
```
#eb3b62 rgb(235,59,98)
```
#ee5274
```
#ee5274 rgb(238,82,116)
```
#f06987
```
#f06987 rgb(240,105,135)
```
#f2809a
```
#f2809a rgb(242,128,154)
```
#f597ac
```
#f597ac rgb(245,151,172)
```
#f7afbf
```
#f7afbf rgb(247,175,191)
```

Monochromatic Color

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

#f069a9
```
#f069a9 rgb(240,105,169)
```
#f0699e
```
#f0699e rgb(240,105,158)
```
#f06992
```
#f06992 rgb(240,105,146)
```
#f06987
```
#f06987 rgb(240,105,135)
```
#f0697c
```
#f0697c rgb(240,105,124)
```
#f06971
```
#f06971 rgb(240,105,113)
```
#f06d69
```
#f06d69 rgb(240,109,105)
```

Similar Colors

Text with hexadecimal color #f06987

This text has a font color of #f06987.

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

#f06987 background color

This paragraph has a background color of #f06987.

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

#f06987 border color

This element has a border color of #f06987.

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

CSS codes

.text {color:#f06987;}

.background {background-color:#f06987;}

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

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

#0a0103
```
#0a0103 rgb(10,1,3)
```
#1c0308
```
#1c0308 rgb(28,3,8)
```
#2e050e
```
#2e050e rgb(46,5,14)
```
#400613
```
#400613 rgb(64,6,19)
```
#520819
```
#520819 rgb(82,8,25)
```
#640a1e
```
#640a1e rgb(100,10,30)
```
#750c23
```
#750c23 rgb(117,12,35)
```
#870e29
```
#870e29 rgb(135,14,41)
```
#990f2e
```
#990f2e rgb(153,15,46)
```
#ab1133
```
#ab1133 rgb(171,17,51)
```
#bd1339
```
#bd1339 rgb(189,19,57)
```
#cf153e
```
#cf153e rgb(207,21,62)
```
#e01643
```
#e01643 rgb(224,22,67)
```

Shade Color Variation

#e9224e
```
#e9224e rgb(233,34,78)
```
#eb345c
```
#eb345c rgb(235,52,92)
```
#ec456a
```
#ec456a rgb(236,69,106)
```
#ee5779
```
#ee5779 rgb(238,87,121)
```
#f06987
```
#f06987 rgb(240,105,135)
```
#f27b95
```
#f27b95 rgb(242,123,149)
```
#f48da4
```
#f48da4 rgb(244,141,164)
```
#f59eb2
```
#f59eb2 rgb(245,158,178)
```
#f7b0c0
```
#f7b0c0 rgb(247,176,192)
```
#f9c2ce
```
#f9c2ce rgb(249,194,206)
```
#fbd4dd
```
#fbd4dd rgb(251,212,221)
```
#fce6eb
```
#fce6eb rgb(252,230,235)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#b1a8aa
```
#b1a8aa rgb(177,168,170)
```
#b7a2a7
```
#b7a2a7 rgb(183,162,167)
```
#bd9ca3
```
#bd9ca3 rgb(189,156,163)
```
#c495a0
```
#c495a0 rgb(196,149,160)
```
#ca8f9c
```
#ca8f9c rgb(202,143,156)
```
#d08999
```
#d08999 rgb(208,137,153)
```
#d78295
```
#d78295 rgb(215,130,149)
```
#dd7c92
```
#dd7c92 rgb(221,124,146)
```
#e3768e
```
#e3768e rgb(227,118,142)
```
#ea6f8b
```
#ea6f8b rgb(234,111,139)
```
#f06987
```
#f06987 rgb(240,105,135)
```
#f66383
```
#f66383 rgb(246,99,131)
```
#fd5c80
```
#fd5c80 rgb(253,92,128)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a78c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9aa1 Protanopia 1% of men
#b19584 Deuteranopia 1% of men
#ef747b Tritanopia 0.001% of the population

Trichromacy

#ba8897 Protanomaly 1% of men, 0.01% of women
#c88585 Deuteranomaly 6% of men, 0.4% of women
#ef707f Tritanomaly 0.01% of the population

#f06987 hex color

#f06987 Color Information

#f06987 Color Conversion

Color Schemes with #f06987

Alternatives to #f06987

#f06987 Preview

Shades and Tints of #f06987

Tones of #f06987

Color Blindness Simulator