colorhexa.com

#f870c4 hex color

In a RGB color space, hex #f870c4 is composed of 97.3% red, 43.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 21% yellow and 2.7% black. It has a hue angle of 322.9 degrees, a saturation of 90.7% and a lightness of 70.6%. #f870c4 color hex could be obtained by blending #ffe0ff with #f10089. Closest websafe color is: #ff66cc.

- R 97
- G 44
- B 77
RGB color chart
- C 0
- M 55
- Y 21
- K 3
CMYK color chart

● #f870c4 color description : Soft pink.

The hexadecimal color #f870c4 has RGB values of R:248, G:112, B:196 and CMYK values of C:0, M:0.55, Y:0.21, K:0.03. Its decimal value is 16281796.

Hex triplet	f870c4	`#f870c4`
RGB Decimal	248, 112, 196	`rgb(248,112,196)`
RGB Percent	97.3, 43.9, 76.9	`rgb(97.3%,43.9%,76.9%)`
CMYK	0, 55, 21, 3
HSL	322.9°, 90.7, 70.6	`hsl(322.9,90.7%,70.6%)`
HSV (or HSB)	322.9°, 54.8, 97.3
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	66.162, 61.164, -18.783
XYZ	54.469, 35.534, 56.212
xyY	0.373, 0.243, 35.534
CIE-LCH	66.162, 63.983, 342.929
CIE-LUV	66.162, 77.68, -39.028
Hunter-Lab	59.61, 58.787, -14.182
Binary	11111000, 01110000, 11000100

#f870c4
```
#f870c4 rgb(248,112,196)
```
#70f8a4
```
#70f8a4 rgb(112,248,164)
```

Complementary Color

#e870f8
```
#e870f8 rgb(232,112,248)
```
#f870c4
```
#f870c4 rgb(248,112,196)
```
#f87080
```
#f87080 rgb(248,112,128)
```

Analogous Color

#70f8e8
```
#70f8e8 rgb(112,248,232)
```
#f870c4
```
#f870c4 rgb(248,112,196)
```
#80f870
```
#80f870 rgb(128,248,112)
```

Split Complementary Color

#70c4f8
```
#70c4f8 rgb(112,196,248)
```
#f870c4
```
#f870c4 rgb(248,112,196)
```
#c4f870
```
#c4f870 rgb(196,248,112)
```

Triadic Color

#a470f8
```
#a470f8 rgb(164,112,248)
```
#f870c4
```
#f870c4 rgb(248,112,196)
```
#c4f870
```
#c4f870 rgb(196,248,112)
```
#70f8a4
```
#70f8a4 rgb(112,248,164)
```

Tetradic Color

#f427a6
```
#f427a6 rgb(244,39,166)
```
#f63fb0
```
#f63fb0 rgb(246,63,176)
```
#f758ba
```
#f758ba rgb(247,88,186)
```
#f870c4
```
#f870c4 rgb(248,112,196)
```
#f988ce
```
#f988ce rgb(249,136,206)
```
#faa1d8
```
#faa1d8 rgb(250,161,216)
```
#fcb9e2
```
#fcb9e2 rgb(252,185,226)
```

Monochromatic Color

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

#f870e6
```
#f870e6 rgb(248,112,230)
```
#f870db
```
#f870db rgb(248,112,219)
```
#f870cf
```
#f870cf rgb(248,112,207)
```
#f870c4
```
#f870c4 rgb(248,112,196)
```
#f870b9
```
#f870b9 rgb(248,112,185)
```
#f870ad
```
#f870ad rgb(248,112,173)
```
#f870a2
```
#f870a2 rgb(248,112,162)
```

Similar Colors

Text with hexadecimal color #f870c4

This text has a font color of #f870c4.

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

#f870c4 background color

This paragraph has a background color of #f870c4.

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

#f870c4 border color

This element has a border color of #f870c4.

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

CSS codes

.text {color:#f870c4;}

.background {background-color:#f870c4;}

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

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

#070004
```
#070004 rgb(7,0,4)
```
#190110
```
#190110 rgb(25,1,16)
```
#2c021c
```
#2c021c rgb(44,2,28)
```
#3f0328
```
#3f0328 rgb(63,3,40)
```
#510434
```
#510434 rgb(81,4,52)
```
#640540
```
#640540 rgb(100,5,64)
```
#77064c
```
#77064c rgb(119,6,76)
```
#8a0757
```
#8a0757 rgb(138,7,87)
```
#9c0863
```
#9c0863 rgb(156,8,99)
```
#af096f
```
#af096f rgb(175,9,111)
```
#c2097b
```
#c2097b rgb(194,9,123)
```
#d40a87
```
#d40a87 rgb(212,10,135)
```
#e70b93
```
#e70b93 rgb(231,11,147)
```

Shade Color Variation

#f3139d
```
#f3139d rgb(243,19,157)
```
#f425a5
```
#f425a5 rgb(244,37,165)
```
#f538ad
```
#f538ad rgb(245,56,173)
```
#f64bb5
```
#f64bb5 rgb(246,75,181)
```
#f75dbc
```
#f75dbc rgb(247,93,188)
```
#f870c4
```
#f870c4 rgb(248,112,196)
```
#f983cc
```
#f983cc rgb(249,131,204)
```
#fa95d3
```
#fa95d3 rgb(250,149,211)
```
#fba8db
```
#fba8db rgb(251,168,219)
```
#fcbbe3
```
#fcbbe3 rgb(252,187,227)
```
#fdceeb
```
#fdceeb rgb(253,206,235)
```
#fde0f2
```
#fde0f2 rgb(253,224,242)
```
#fef3fa
```
#fef3fa rgb(254,243,250)
```

Tint Color Variation

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

#b9afb5
```
#b9afb5 rgb(185,175,181)
```
#beaab6
```
#beaab6 rgb(190,170,182)
```
#c4a4b8
```
#c4a4b8 rgb(196,164,184)
```
#ca9eb9
```
#ca9eb9 rgb(202,158,185)
```
#d098ba
```
#d098ba rgb(208,152,186)
```
#d593bc
```
#d593bc rgb(213,147,188)
```
#db8dbd
```
#db8dbd rgb(219,141,189)
```
#e187bf
```
#e187bf rgb(225,135,191)
```
#e781c0
```
#e781c0 rgb(231,129,192)
```
#ec7cc1
```
#ec7cc1 rgb(236,124,193)
```
#f276c3
```
#f276c3 rgb(242,118,195)
```
#f870c4
```
#f870c4 rgb(248,112,196)
```
#fe6ac5
```
#fe6ac5 rgb(254,106,197)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b398a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a3e2 Protanopia 1% of men
#a9a1bc Deuteranopia 1% of men
#f2848d Tritanopia 0.001% of the population

Trichromacy

#b690d7 Protanomaly 1% of men, 0.01% of women
#c68fbe Deuteranomaly 6% of men, 0.4% of women
#f47da1 Tritanomaly 0.01% of the population