#f06386 hex color

In a RGB color space, hex #f06386 is composed of 94.1% red, 38.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 44.2% yellow and 5.9% black. It has a hue angle of 345.1 degrees, a saturation of 82.5% and a lightness of 66.5%. #f06386 color hex could be obtained by blending #ffc6ff with #e1000d. Closest websafe color is: #ff6699.

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

● #f06386 color description : Soft red.

The hexadecimal color #f06386 has RGB values of R:240, G:99, B:134 and CMYK values of C:0, M:0.59, Y:0.44, K:0.06. Its decimal value is 15754118.

Hex triplet	f06386	`#f06386`
RGB Decimal	240, 99, 134	`rgb(240,99,134)`
RGB Percent	94.1, 38.8, 52.5	`rgb(94.1%,38.8%,52.5%)`
CMYK	0, 59, 44, 6
HSL	345.1°, 82.5, 66.5	`hsl(345.1,82.5%,66.5%)`
HSV (or HSB)	345.1°, 58.8, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.935, 57.216, 8.838
XYZ	44.701, 29.174, 25.83
xyY	0.448, 0.293, 29.174
CIE-LCH	60.935, 57.895, 8.781
CIE-LUV	60.935, 96.299, 0.553
Hunter-Lab	54.013, 53.203, 9.456
Binary	11110000, 01100011, 10000110

#f06386
```
#f06386 rgb(240,99,134)
```
#63f0cd
```
#63f0cd rgb(99,240,205)
```

Complementary Color

#f063cd
```
#f063cd rgb(240,99,205)
```
#f06386
```
#f06386 rgb(240,99,134)
```
#f08763
```
#f08763 rgb(240,135,99)
```

Analogous Color

#63cdf0
```
#63cdf0 rgb(99,205,240)
```
#f06386
```
#f06386 rgb(240,99,134)
```
#63f087
```
#63f087 rgb(99,240,135)
```

Split Complementary Color

#6386f0
```
#6386f0 rgb(99,134,240)
```
#f06386
```
#f06386 rgb(240,99,134)
```
#86f063
```
#86f063 rgb(134,240,99)
```

Triadic Color

#cd63f0
```
#cd63f0 rgb(205,99,240)
```
#f06386
```
#f06386 rgb(240,99,134)
```
#86f063
```
#86f063 rgb(134,240,99)
```
#63f0cd
```
#63f0cd rgb(99,240,205)
```

Tetradic Color

#e91d50
```
#e91d50 rgb(233,29,80)
```
#ec3462
```
#ec3462 rgb(236,52,98)
```
#ee4c74
```
#ee4c74 rgb(238,76,116)
```
#f06386
```
#f06386 rgb(240,99,134)
```
#f27a98
```
#f27a98 rgb(242,122,152)
```
#f492aa
```
#f492aa rgb(244,146,170)
```
#f7a9bc
```
#f7a9bc rgb(247,169,188)
```

Monochromatic Color

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

#f063a9
```
#f063a9 rgb(240,99,169)
```
#f0639e
```
#f0639e rgb(240,99,158)
```
#f06392
```
#f06392 rgb(240,99,146)
```
#f06386
```
#f06386 rgb(240,99,134)
```
#f0637a
```
#f0637a rgb(240,99,122)
```
#f0636f
```
#f0636f rgb(240,99,111)
```
#f06363
```
#f06363 rgb(240,99,99)
```

Similar Colors

Text with hexadecimal color #f06386

This text has a font color of #f06386.

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

#f06386 background color

This paragraph has a background color of #f06386.

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

#f06386 border color

This element has a border color of #f06386.

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

CSS codes

.text {color:#f06386;}

.background {background-color:#f06386;}

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

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

#050002
```
#050002 rgb(5,0,2)
```
#170207
```
#170207 rgb(23,2,7)
```
#29040d
```
#29040d rgb(41,4,13)
```
#3b0613
```
#3b0613 rgb(59,6,19)
```
#4d0719
```
#4d0719 rgb(77,7,25)
```
#5f091e
```
#5f091e rgb(95,9,30)
```
#700b24
```
#700b24 rgb(112,11,36)
```
#820d2a
```
#820d2a rgb(130,13,42)
```
#940e30
```
#940e30 rgb(148,14,48)
```
#a61035
```
#a61035 rgb(166,16,53)
```
#b8123b
```
#b8123b rgb(184,18,59)
```
#ca1341
```
#ca1341 rgb(202,19,65)
```
#dc1546
```
#dc1546 rgb(220,21,70)
```

Shade Color Variation

#e91b4e
```
#e91b4e rgb(233,27,78)
```
#eb2d5c
```
#eb2d5c rgb(235,45,92)
```
#ed3f6a
```
#ed3f6a rgb(237,63,106)
```
#ee5178
```
#ee5178 rgb(238,81,120)
```
#f06386
```
#f06386 rgb(240,99,134)
```
#f27594
```
#f27594 rgb(242,117,148)
```
#f387a2
```
#f387a2 rgb(243,135,162)
```
#f599b0
```
#f599b0 rgb(245,153,176)
```
#f7abbe
```
#f7abbe rgb(247,171,190)
```
#f9bccb
```
#f9bccb rgb(249,188,203)
```
#faced9
```
#faced9 rgb(250,206,217)
```
#fce0e7
```
#fce0e7 rgb(252,224,231)
```
#fef2f5
```
#fef2f5 rgb(254,242,245)
```

Tint Color Variation

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

#aea5a7
```
#aea5a7 rgb(174,165,167)
```
#b59ea4
```
#b59ea4 rgb(181,158,164)
```
#bb98a0
```
#bb98a0 rgb(187,152,160)
```
#c2919d
```
#c2919d rgb(194,145,157)
```
#c98a9a
```
#c98a9a rgb(201,138,154)
```
#cf8497
```
#cf8497 rgb(207,132,151)
```
#d67d93
```
#d67d93 rgb(214,125,147)
```
#dc7790
```
#dc7790 rgb(220,119,144)
```
#e3708d
```
#e3708d rgb(227,112,141)
```
#e96a89
```
#e96a89 rgb(233,106,137)
```
#f06386
```
#f06386 rgb(240,99,134)
```
#f75c83
```
#f75c83 rgb(247,92,131)
```
#fd567f
```
#fd567f rgb(253,86,127)
```

Tone Color Variation

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

Dichromacy

#9897a2 Protanopia 1% of men
#ae9383 Deuteranopia 1% of men
#ef6f76 Tritanopia 0.001% of the population

Trichromacy

#b88497 Protanomaly 1% of men, 0.01% of women
#c68184 Deuteranomaly 6% of men, 0.4% of women
#ef6a7b Tritanomaly 0.01% of the population

#f06386 hex color

#f06386 Color Information

#f06386 Color Conversion

Color Schemes with #f06386

Alternatives to #f06386

#f06386 Preview

Shades and Tints of #f06386

Tones of #f06386

Color Blindness Simulator