#f86485 hex color

In a RGB color space, hex #f86485 is composed of 97.3% red, 39.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.7% magenta, 46.4% yellow and 2.7% black. It has a hue angle of 346.6 degrees, a saturation of 91.4% and a lightness of 68.2%. #f86485 color hex could be obtained by blending #ffc8ff with #f1000b. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 97
- G 39
- B 52
RGB color chart
- C 0
- M 60
- Y 46
- K 3
CMYK color chart

● #f86485 color description : Soft red.

The hexadecimal color #f86485 has RGB values of R:248, G:100, B:133 and CMYK values of C:0, M:0.6, Y:0.46, K:0.03. Its decimal value is 16278661.

Hex triplet	f86485	`#f86485`
RGB Decimal	248, 100, 133	`rgb(248,100,133)`
RGB Percent	97.3, 39.2, 52.2	`rgb(97.3%,39.2%,52.2%)`
CMYK	0, 60, 46, 3
HSL	346.6°, 91.4, 68.2	`hsl(346.6,91.4%,68.2%)`
HSV (or HSB)	346.6°, 59.7, 97.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.312, 59.243, 11.538
XYZ	47.503, 30.769, 25.626
xyY	0.457, 0.296, 30.769
CIE-LCH	62.312, 60.356, 11.021
CIE-LUV	62.312, 102.442, 3.476
Hunter-Lab	55.469, 55.793, 11.437
Binary	11111000, 01100100, 10000101

#f86485
```
#f86485 rgb(248,100,133)
```
#64f8d7
```
#64f8d7 rgb(100,248,215)
```

Complementary Color

#f864cf
```
#f864cf rgb(248,100,207)
```
#f86485
```
#f86485 rgb(248,100,133)
```
#f88d64
```
#f88d64 rgb(248,141,100)
```

Analogous Color

#64cff8
```
#64cff8 rgb(100,207,248)
```
#f86485
```
#f86485 rgb(248,100,133)
```
#64f88d
```
#64f88d rgb(100,248,141)
```

Split Complementary Color

#6485f8
```
#6485f8 rgb(100,133,248)
```
#f86485
```
#f86485 rgb(248,100,133)
```
#85f864
```
#85f864 rgb(133,248,100)
```

Triadic Color

#d764f8
```
#d764f8 rgb(215,100,248)
```
#f86485
```
#f86485 rgb(248,100,133)
```
#85f864
```
#85f864 rgb(133,248,100)
```
#64f8d7
```
#64f8d7 rgb(100,248,215)
```

Tetradic Color

#f51b4b
```
#f51b4b rgb(245,27,75)
```
#f6335f
```
#f6335f rgb(246,51,95)
```
#f74c72
```
#f74c72 rgb(247,76,114)
```
#f86485
```
#f86485 rgb(248,100,133)
```
#f97c98
```
#f97c98 rgb(249,124,152)
```
#fa95ab
```
#fa95ab rgb(250,149,171)
```
#fbadbf
```
#fbadbf rgb(251,173,191)
```

Monochromatic Color

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

#f864aa
```
#f864aa rgb(248,100,170)
```
#f8649e
```
#f8649e rgb(248,100,158)
```
#f86491
```
#f86491 rgb(248,100,145)
```
#f86485
```
#f86485 rgb(248,100,133)
```
#f86479
```
#f86479 rgb(248,100,121)
```
#f8646c
```
#f8646c rgb(248,100,108)
```
#f86864
```
#f86864 rgb(248,104,100)
```

Similar Colors

Text with hexadecimal color #f86485

This text has a font color of #f86485.

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

#f86485 background color

This paragraph has a background color of #f86485.

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

#f86485 border color

This element has a border color of #f86485.

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

CSS codes

.text {color:#f86485;}

.background {background-color:#f86485;}

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

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

#0e0104
```
#0e0104 rgb(14,1,4)
```
#210108
```
#210108 rgb(33,1,8)
```
#33020d
```
#33020d rgb(51,2,13)
```
#460312
```
#460312 rgb(70,3,18)
```
#590417
```
#590417 rgb(89,4,23)
```
#6c051c
```
#6c051c rgb(108,5,28)
```
#7f0621
```
#7f0621 rgb(127,6,33)
```
#910725
```
#910725 rgb(145,7,37)
```
#a4072a
```
#a4072a rgb(164,7,42)
```
#b7082f
```
#b7082f rgb(183,8,47)
```
#ca0934
```
#ca0934 rgb(202,9,52)
```
#dc0a39
```
#dc0a39 rgb(220,10,57)
```
#ef0b3e
```
#ef0b3e rgb(239,11,62)
```

Shade Color Variation

#f5194a
```
#f5194a rgb(245,25,74)
```
#f52c59
```
#f52c59 rgb(245,44,89)
```
#f63e67
```
#f63e67 rgb(246,62,103)
```
#f75176
```
#f75176 rgb(247,81,118)
```
#f86485
```
#f86485 rgb(248,100,133)
```
#f97794
```
#f97794 rgb(249,119,148)
```
#fa8aa3
```
#fa8aa3 rgb(250,138,163)
```
#fb9cb1
```
#fb9cb1 rgb(251,156,177)
```
#fbafc0
```
#fbafc0 rgb(251,175,192)
```
#fcc2cf
```
#fcc2cf rgb(252,194,207)
```
#fdd5de
```
#fdd5de rgb(253,213,222)
```
#fee7ec
```
#fee7ec rgb(254,231,236)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#b3a9ab
```
#b3a9ab rgb(179,169,171)
```
#baa2a8
```
#baa2a8 rgb(186,162,168)
```
#c09ca4
```
#c09ca4 rgb(192,156,164)
```
#c696a1
```
#c696a1 rgb(198,150,161)
```
#cc909d
```
#cc909d rgb(204,144,157)
```
#d3899a
```
#d3899a rgb(211,137,154)
```
#d98396
```
#d98396 rgb(217,131,150)
```
#df7d93
```
#df7d93 rgb(223,125,147)
```
#e5778f
```
#e5778f rgb(229,119,143)
```
#ec708c
```
#ec708c rgb(236,112,140)
```
#f26a88
```
#f26a88 rgb(242,106,136)
```
#f86485
```
#f86485 rgb(248,100,133)
```
#fe5e82
```
#fe5e82 rgb(254,94,130)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a88a91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9ba1 Protanopia 1% of men
#b39681 Deuteranopia 1% of men
#f67076 Tritanopia 0.001% of the population

Trichromacy

#be8797 Protanomaly 1% of men, 0.01% of women
#cc8482 Deuteranomaly 6% of men, 0.4% of women
#f76b7b Tritanomaly 0.01% of the population

#f86485 hex color

#f86485 Color Information

#f86485 Color Conversion

Color Schemes with #f86485

Alternatives to #f86485

#f86485 Preview

Shades and Tints of #f86485

Tones of #f86485

Color Blindness Simulator