colorhexa.com

#f85ad2 hex color

In a RGB color space, hex #f85ad2 is composed of 97.3% red, 35.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.7% magenta, 15.3% yellow and 2.7% black. It has a hue angle of 314.4 degrees, a saturation of 91.9% and a lightness of 66.3%. #f85ad2 color hex could be obtained by blending #ffb4ff with #f100a5. Closest websafe color is: #ff66cc.

- R 97
- G 35
- B 82
RGB color chart
- C 0
- M 64
- Y 15
- K 3
CMYK color chart

● #f85ad2 color description : Soft magenta.

The hexadecimal color #f85ad2 has RGB values of R:248, G:90, B:210 and CMYK values of C:0, M:0.64, Y:0.15, K:0.03. Its decimal value is 16276178.

Hex triplet	f85ad2	`#f85ad2`
RGB Decimal	248, 90, 210	`rgb(248,90,210)`
RGB Percent	97.3, 35.3, 82.4	`rgb(97.3%,35.3%,82.4%)`
CMYK	0, 64, 15, 3
HSL	314.4°, 91.9, 66.3	`hsl(314.4,91.9%,66.3%)`
HSV (or HSB)	314.4°, 63.7, 97.3
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	63.282, 72.385, -31.092
XYZ	54, 31.926, 64.288
xyY	0.359, 0.213, 31.926
CIE-LCH	63.282, 78.781, 336.755
CIE-LUV	63.282, 82.088, -59.581
Hunter-Lab	56.503, 71.713, -27.907
Binary	11111000, 01011010, 11010010

#f85ad2
```
#f85ad2 rgb(248,90,210)
```
#5af880
```
#5af880 rgb(90,248,128)
```

Complementary Color

#cf5af8
```
#cf5af8 rgb(207,90,248)
```
#f85ad2
```
#f85ad2 rgb(248,90,210)
```
#f85a83
```
#f85a83 rgb(248,90,131)
```

Analogous Color

#5af8cf
```
#5af8cf rgb(90,248,207)
```
#f85ad2
```
#f85ad2 rgb(248,90,210)
```
#83f85a
```
#83f85a rgb(131,248,90)
```

Split Complementary Color

#5ad2f8
```
#5ad2f8 rgb(90,210,248)
```
#f85ad2
```
#f85ad2 rgb(248,90,210)
```
#d2f85a
```
#d2f85a rgb(210,248,90)
```

Triadic Color

#805af8
```
#805af8 rgb(128,90,248)
```
#f85ad2
```
#f85ad2 rgb(248,90,210)
```
#d2f85a
```
#d2f85a rgb(210,248,90)
```
#5af880
```
#5af880 rgb(90,248,128)
```

Tetradic Color

#f511be
```
#f511be rgb(245,17,190)
```
#f629c5
```
#f629c5 rgb(246,41,197)
```
#f742cb
```
#f742cb rgb(247,66,203)
```
#f85ad2
```
#f85ad2 rgb(248,90,210)
```
#f972d9
```
#f972d9 rgb(249,114,217)
```
#fa8bdf
```
#fa8bdf rgb(250,139,223)
```
#fba3e6
```
#fba3e6 rgb(251,163,230)
```

Monochromatic Color

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

#f75af8
```
#f75af8 rgb(247,90,248)
```
#f85aec
```
#f85aec rgb(248,90,236)
```
#f85adf
```
#f85adf rgb(248,90,223)
```
#f85ad2
```
#f85ad2 rgb(248,90,210)
```
#f85ac5
```
#f85ac5 rgb(248,90,197)
```
#f85ab8
```
#f85ab8 rgb(248,90,184)
```
#f85aab
```
#f85aab rgb(248,90,171)
```

Similar Colors

Text with hexadecimal color #f85ad2

This text has a font color of #f85ad2.

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

#f85ad2 background color

This paragraph has a background color of #f85ad2.

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

#f85ad2 border color

This element has a border color of #f85ad2.

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

CSS codes

.text {color:#f85ad2;}

.background {background-color:#f85ad2;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#170112
```
#170112 rgb(23,1,18)
```
#2a0220
```
#2a0220 rgb(42,2,32)
```
#3d032f
```
#3d032f rgb(61,3,47)
```
#50033d
```
#50033d rgb(80,3,61)
```
#62044c
```
#62044c rgb(98,4,76)
```
#75055a
```
#75055a rgb(117,5,90)
```
#880669
```
#880669 rgb(136,6,105)
```
#9b0777
```
#9b0777 rgb(155,7,119)
```
#ae0786
```
#ae0786 rgb(174,7,134)
```
#c10894
```
#c10894 rgb(193,8,148)
```
#d309a3
```
#d309a3 rgb(211,9,163)
```
#e60ab1
```
#e60ab1 rgb(230,10,177)
```

Shade Color Variation

#f50fbd
```
#f50fbd rgb(245,15,189)
```
#f622c3
```
#f622c3 rgb(246,34,195)
```
#f634c8
```
#f634c8 rgb(246,52,200)
```
#f747cd
```
#f747cd rgb(247,71,205)
```
#f85ad2
```
#f85ad2 rgb(248,90,210)
```
#f96dd7
```
#f96dd7 rgb(249,109,215)
```
#fa80dc
```
#fa80dc rgb(250,128,220)
```
#fa92e1
```
#fa92e1 rgb(250,146,225)
```
#fba5e7
```
#fba5e7 rgb(251,165,231)
```
#fcb8ec
```
#fcb8ec rgb(252,184,236)
```
#fdcbf1
```
#fdcbf1 rgb(253,203,241)
```
#fedef6
```
#fedef6 rgb(254,222,246)
```
#fef1fb
```
#fef1fb rgb(254,241,251)
```

Tint Color Variation

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

#afa3ac
```
#afa3ac rgb(175,163,172)
```
#b69cb0
```
#b69cb0 rgb(182,156,176)
```
#bc96b3
```
#bc96b3 rgb(188,150,179)
```
#c38fb7
```
#c38fb7 rgb(195,143,183)
```
#ca88ba
```
#ca88ba rgb(202,136,186)
```
#d082bd
```
#d082bd rgb(208,130,189)
```
#d77bc1
```
#d77bc1 rgb(215,123,193)
```
#de74c4
```
#de74c4 rgb(222,116,196)
```
#e46ec8
```
#e46ec8 rgb(228,110,200)
```
#eb67cb
```
#eb67cb rgb(235,103,203)
```
#f161cf
```
#f161cf rgb(241,97,207)
```
#f85ad2
```
#f85ad2 rgb(248,90,210)
```
#ff53d5
```
#ff53d5 rgb(255,83,213)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#aa8ba3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#739bfb Protanopia 1% of men
#979bc5 Deuteranopia 1% of men
#ef7a81 Tritanopia 0.001% of the population

Trichromacy

#a383ec Protanomaly 1% of men, 0.01% of women
#ba83ca Deuteranomaly 6% of men, 0.4% of women
#f26e9e Tritanomaly 0.01% of the population