#f06587 hex color

In a RGB color space, hex #f06587 is composed of 94.1% red, 39.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 43.8% yellow and 5.9% black. It has a hue angle of 345.3 degrees, a saturation of 82.2% and a lightness of 66.9%. #f06587 color hex could be obtained by blending #ffcaff with #e1000f. Closest websafe color is: #ff6699.

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

● #f06587 color description : Soft red.

The hexadecimal color #f06587 has RGB values of R:240, G:101, B:135 and CMYK values of C:0, M:0.58, Y:0.44, K:0.06. Its decimal value is 15754631.

Hex triplet	f06587	`#f06587`
RGB Decimal	240, 101, 135	`rgb(240,101,135)`
RGB Percent	94.1, 39.6, 52.9	`rgb(94.1%,39.6%,52.9%)`
CMYK	0, 58, 44, 6
HSL	345.3°, 82.2, 66.9	`hsl(345.3,82.2%,66.9%)`
HSV (or HSB)	345.3°, 57.9, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.295, 56.422, 8.771
XYZ	44.963, 29.586, 26.263
xyY	0.446, 0.293, 29.586
CIE-LCH	61.295, 57.099, 8.836
CIE-LUV	61.295, 94.869, 0.664
Hunter-Lab	54.393, 52.366, 9.447
Binary	11110000, 01100101, 10000111

#f06587
```
#f06587 rgb(240,101,135)
```
#65f0ce
```
#65f0ce rgb(101,240,206)
```

Complementary Color

#f065cd
```
#f065cd rgb(240,101,205)
```
#f06587
```
#f06587 rgb(240,101,135)
```
#f08965
```
#f08965 rgb(240,137,101)
```

Analogous Color

#65cdf0
```
#65cdf0 rgb(101,205,240)
```
#f06587
```
#f06587 rgb(240,101,135)
```
#65f089
```
#65f089 rgb(101,240,137)
```

Split Complementary Color

#6587f0
```
#6587f0 rgb(101,135,240)
```
#f06587
```
#f06587 rgb(240,101,135)
```
#87f065
```
#87f065 rgb(135,240,101)
```

Triadic Color

#ce65f0
```
#ce65f0 rgb(206,101,240)
```
#f06587
```
#f06587 rgb(240,101,135)
```
#87f065
```
#87f065 rgb(135,240,101)
```
#65f0ce
```
#65f0ce rgb(101,240,206)
```

Tetradic Color

#e91f51
```
#e91f51 rgb(233,31,81)
```
#eb3763
```
#eb3763 rgb(235,55,99)
```
#ee4e75
```
#ee4e75 rgb(238,78,117)
```
#f06587
```
#f06587 rgb(240,101,135)
```
#f27c99
```
#f27c99 rgb(242,124,153)
```
#f593ab
```
#f593ab rgb(245,147,171)
```
#f7abbd
```
#f7abbd rgb(247,171,189)
```

Monochromatic Color

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

#f065aa
```
#f065aa rgb(240,101,170)
```
#f0659e
```
#f0659e rgb(240,101,158)
```
#f06593
```
#f06593 rgb(240,101,147)
```
#f06587
```
#f06587 rgb(240,101,135)
```
#f0657b
```
#f0657b rgb(240,101,123)
```
#f06570
```
#f06570 rgb(240,101,112)
```
#f06665
```
#f06665 rgb(240,102,101)
```

Similar Colors

Text with hexadecimal color #f06587

This text has a font color of #f06587.

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

#f06587 background color

This paragraph has a background color of #f06587.

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

#f06587 border color

This element has a border color of #f06587.

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

CSS codes

.text {color:#f06587;}

.background {background-color:#f06587;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#190208
```
#190208 rgb(25,2,8)
```
#2b040e
```
#2b040e rgb(43,4,14)
```
#3c0613
```
#3c0613 rgb(60,6,19)
```
#4e0819
```
#4e0819 rgb(78,8,25)
```
#60091f
```
#60091f rgb(96,9,31)
```
#720b24
```
#720b24 rgb(114,11,36)
```
#840d2a
```
#840d2a rgb(132,13,42)
```
#960f30
```
#960f30 rgb(150,15,48)
```
#a81035
```
#a81035 rgb(168,16,53)
```
#ba123b
```
#ba123b rgb(186,18,59)
```
#cb1441
```
#cb1441 rgb(203,20,65)
```
#dd1646
```
#dd1646 rgb(221,22,70)
```

Shade Color Variation

#e91e4f
```
#e91e4f rgb(233,30,79)
```
#eb2f5d
```
#eb2f5d rgb(235,47,93)
```
#ed416b
```
#ed416b rgb(237,65,107)
```
#ee5379
```
#ee5379 rgb(238,83,121)
```
#f06587
```
#f06587 rgb(240,101,135)
```
#f27795
```
#f27795 rgb(242,119,149)
```
#f389a3
```
#f389a3 rgb(243,137,163)
```
#f59bb1
```
#f59bb1 rgb(245,155,177)
```
#f7acbf
```
#f7acbf rgb(247,172,191)
```
#f9becd
```
#f9becd rgb(249,190,205)
```
#fad0db
```
#fad0db rgb(250,208,219)
```
#fce2e8
```
#fce2e8 rgb(252,226,232)
```
#fef4f6
```
#fef4f6 rgb(254,244,246)
```

Tint Color Variation

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

#afa6a8
```
#afa6a8 rgb(175,166,168)
```
#b6a0a5
```
#b6a0a5 rgb(182,160,165)
```
#bc99a2
```
#bc99a2 rgb(188,153,162)
```
#c3939e
```
#c3939e rgb(195,147,158)
```
#c98c9b
```
#c98c9b rgb(201,140,155)
```
#d08698
```
#d08698 rgb(208,134,152)
```
#d67f94
```
#d67f94 rgb(214,127,148)
```
#dd7991
```
#dd7991 rgb(221,121,145)
```
#e3728e
```
#e3728e rgb(227,114,142)
```
#ea6c8a
```
#ea6c8a rgb(234,108,138)
```
#f06587
```
#f06587 rgb(240,101,135)
```
#f75e84
```
#f75e84 rgb(247,94,132)
```
#fd5880
```
#fd5880 rgb(253,88,128)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a58990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9998a2 Protanopia 1% of men
#af9484 Deuteranopia 1% of men
#ef7178 Tritanopia 0.001% of the population

Trichromacy

#b88598 Protanomaly 1% of men, 0.01% of women
#c68285 Deuteranomaly 6% of men, 0.4% of women
#ef6c7d Tritanomaly 0.01% of the population

#f06587 hex color

#f06587 Color Information

#f06587 Color Conversion

Color Schemes with #f06587

Alternatives to #f06587

#f06587 Preview

Shades and Tints of #f06587

Tones of #f06587

Color Blindness Simulator