colorhexa.com

#f85ff4 hex color

In a RGB color space, hex #f85ff4 is composed of 97.3% red, 37.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.7% magenta, 1.6% yellow and 2.7% black. It has a hue angle of 301.6 degrees, a saturation of 91.6% and a lightness of 67.3%. #f85ff4 color hex could be obtained by blending #ffbeff with #f100e9. Closest websafe color is: #ff66ff.

- R 97
- G 37
- B 96
RGB color chart
- C 0
- M 62
- Y 2
- K 3
CMYK color chart

● #f85ff4 color description : Soft magenta.

The hexadecimal color #f85ff4 has RGB values of R:248, G:95, B:244 and CMYK values of C:0, M:0.62, Y:0.02, K:0.03. Its decimal value is 16277492.

Hex triplet	f85ff4	`#f85ff4`
RGB Decimal	248, 95, 244	`rgb(248,95,244)`
RGB Percent	97.3, 37.3, 95.7	`rgb(97.3%,37.3%,95.7%)`
CMYK	0, 62, 2, 3
HSL	301.6°, 91.6, 67.3	`hsl(301.6,91.6%,67.3%)`
HSV (or HSB)	301.6°, 61.7, 97.3
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.496, 75.564, -46.603
XYZ	59.131, 34.676, 89.162
xyY	0.323, 0.19, 34.676
CIE-LCH	65.496, 88.779, 328.337
CIE-LUV	65.496, 69.386, -84.95
Hunter-Lab	58.886, 76.192, -48.552
Binary	11111000, 01011111, 11110100

#f85ff4
```
#f85ff4 rgb(248,95,244)
```
#5ff863
```
#5ff863 rgb(95,248,99)
```

Complementary Color

#b05ff8
```
#b05ff8 rgb(176,95,248)
```
#f85ff4
```
#f85ff4 rgb(248,95,244)
```
#f85fa8
```
#f85fa8 rgb(248,95,168)
```

Analogous Color

#5ff8b0
```
#5ff8b0 rgb(95,248,176)
```
#f85ff4
```
#f85ff4 rgb(248,95,244)
```
#a8f85f
```
#a8f85f rgb(168,248,95)
```

Split Complementary Color

#5ff4f8
```
#5ff4f8 rgb(95,244,248)
```
#f85ff4
```
#f85ff4 rgb(248,95,244)
```
#f4f85f
```
#f4f85f rgb(244,248,95)
```

Triadic Color

#635ff8
```
#635ff8 rgb(99,95,248)
```
#f85ff4
```
#f85ff4 rgb(248,95,244)
```
#f4f85f
```
#f4f85f rgb(244,248,95)
```
#5ff863
```
#5ff863 rgb(95,248,99)
```

Tetradic Color

#f516ef
```
#f516ef rgb(245,22,239)
```
#f62ef1
```
#f62ef1 rgb(246,46,241)
```
#f747f2
```
#f747f2 rgb(247,71,242)
```
#f85ff4
```
#f85ff4 rgb(248,95,244)
```
#f977f6
```
#f977f6 rgb(249,119,246)
```
#fa90f7
```
#fa90f7 rgb(250,144,247)
```
#fba8f9
```
#fba8f9 rgb(251,168,249)
```

Monochromatic Color

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

#d65ff8
```
#d65ff8 rgb(214,95,248)
```
#e35ff8
```
#e35ff8 rgb(227,95,248)
```
#ef5ff8
```
#ef5ff8 rgb(239,95,248)
```
#f85ff4
```
#f85ff4 rgb(248,95,244)
```
#f85fe7
```
#f85fe7 rgb(248,95,231)
```
#f85fdb
```
#f85fdb rgb(248,95,219)
```
#f85fce
```
#f85fce rgb(248,95,206)
```

Similar Colors

Text with hexadecimal color #f85ff4

This text has a font color of #f85ff4.

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

#f85ff4 background color

This paragraph has a background color of #f85ff4.

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

#f85ff4 border color

This element has a border color of #f85ff4.

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

CSS codes

.text {color:#f85ff4;}

.background {background-color:#f85ff4;}

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

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

#090009
```
#090009 rgb(9,0,9)
```
#1c011b
```
#1c011b rgb(28,1,27)
```
#2f022e
```
#2f022e rgb(47,2,46)
```
#420340
```
#420340 rgb(66,3,64)
```
#540452
```
#540452 rgb(84,4,82)
```
#670565
```
#670565 rgb(103,5,101)
```
#7a0577
```
#7a0577 rgb(122,5,119)
```
#8d0689
```
#8d0689 rgb(141,6,137)
```
#9f079b
```
#9f079b rgb(159,7,155)
```
#b208ae
```
#b208ae rgb(178,8,174)
```
#c509c0
```
#c509c0 rgb(197,9,192)
```
#d809d2
```
#d809d2 rgb(216,9,210)
```
#eb0ae5
```
#eb0ae5 rgb(235,10,229)
```

Shade Color Variation

#f514ef
```
#f514ef rgb(245,20,239)
```
#f627f0
```
#f627f0 rgb(246,39,240)
```
#f639f1
```
#f639f1 rgb(246,57,241)
```
#f74cf3
```
#f74cf3 rgb(247,76,243)
```
#f85ff4
```
#f85ff4 rgb(248,95,244)
```
#f972f5
```
#f972f5 rgb(249,114,245)
```
#fa85f7
```
#fa85f7 rgb(250,133,247)
```
#fa97f8
```
#fa97f8 rgb(250,151,248)
```
#fbaaf9
```
#fbaaf9 rgb(251,170,249)
```
#fcbdfa
```
#fcbdfa rgb(252,189,250)
```
#fdd0fc
```
#fdd0fc rgb(253,208,252)
```
#fee3fd
```
#fee3fd rgb(254,227,253)
```
#fff5fe
```
#fff5fe rgb(255,245,254)
```

Tint Color Variation

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

#b1a6b1
```
#b1a6b1 rgb(177,166,177)
```
#b89fb7
```
#b89fb7 rgb(184,159,183)
```
#be99bd
```
#be99bd rgb(190,153,189)
```
#c592c3
```
#c592c3 rgb(197,146,195)
```
#cb8cc9
```
#cb8cc9 rgb(203,140,201)
```
#d186cf
```
#d186cf rgb(209,134,207)
```
#d87fd6
```
#d87fd6 rgb(216,127,214)
```
#de79dc
```
#de79dc rgb(222,121,220)
```
#e572e2
```
#e572e2 rgb(229,114,226)
```
#eb6ce8
```
#eb6ce8 rgb(235,108,232)
```
#f265ee
```
#f265ee rgb(242,101,238)
```
#f85ff4
```
#f85ff4 rgb(248,95,244)
```
#fe59fa
```
#fe59fa rgb(254,89,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#b091af Atypical Achromatopsia 0.001% of the population

Dichromacy

#7aa1ff Protanopia 1% of men
#88a2e4 Deuteranopia 1% of men
#eb868f Tritanopia 0.001% of the population

Trichromacy

#a889fb Protanomaly 1% of men, 0.01% of women
#b18aea Deuteranomaly 6% of men, 0.4% of women
#ef78b3 Tritanomaly 0.01% of the population