#f70af9 hex color

In a RGB color space, hex #f70af9 is composed of 96.9% red, 3.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 96% magenta, 0% yellow and 2.4% black. It has a hue angle of 299.5 degrees, a saturation of 95.2% and a lightness of 50.8%. #f70af9 color hex could be obtained by blending #ff14ff with #ef00f3. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 97
- G 4
- B 98
RGB color chart
- C 1
- M 96
- Y 0
- K 2
CMYK color chart

● #f70af9 color description : Vivid magenta.

The hexadecimal color #f70af9 has RGB values of R:247, G:10, B:249 and CMYK values of C:0.01, M:0.96, Y:0, K:0.02. Its decimal value is 16190201.

Hex triplet	f70af9	`#f70af9`
RGB Decimal	247, 10, 249	`rgb(247,10,249)`
RGB Percent	96.9, 3.9, 97.6	`rgb(96.9%,3.9%,97.6%)`
CMYK	1, 96, 0, 2
HSL	299.5°, 95.2, 50.8	`hsl(299.5,95.2%,50.8%)`
HSV (or HSB)	299.5°, 96, 97.6
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.821, 95.572, -59.987
XYZ	55.564, 26.835, 91.87
xyY	0.319, 0.154, 26.835
CIE-LCH	58.821, 112.838, 327.885
CIE-LUV	58.821, 80.357, -106.415
Hunter-Lab	51.802, 100.809, -68.889
Binary	11110111, 00001010, 11111001

#f70af9
```
#f70af9 rgb(247,10,249)
```
#0cf90a
```
#0cf90a rgb(12,249,10)
```

Complementary Color

#800af9
```
#800af9 rgb(128,10,249)
```
#f70af9
```
#f70af9 rgb(247,10,249)
```
#f90a84
```
#f90a84 rgb(249,10,132)
```

Analogous Color

#0af980
```
#0af980 rgb(10,249,128)
```
#f70af9
```
#f70af9 rgb(247,10,249)
```
#84f90a
```
#84f90a rgb(132,249,10)
```

Split Complementary Color

#0af9f7
```
#0af9f7 rgb(10,249,247)
```
#f70af9
```
#f70af9 rgb(247,10,249)
```
#f9f70a
```
#f9f70a rgb(249,247,10)
```

Triadic Color

#0a0cf9
```
#0a0cf9 rgb(10,12,249)
```
#f70af9
```
#f70af9 rgb(247,10,249)
```
#f9f70a
```
#f9f70a rgb(249,247,10)
```
#0cf90a
```
#0cf90a rgb(12,249,10)
```

Tetradic Color

#b104b2
```
#b104b2 rgb(177,4,178)
```
#c905cb
```
#c905cb rgb(201,5,203)
```
#e206e4
```
#e206e4 rgb(226,6,228)
```
#f70af9
```
#f70af9 rgb(247,10,249)
```
#f823fa
```
#f823fa rgb(248,35,250)
```
#f93cfa
```
#f93cfa rgb(249,60,250)
```
#f955fb
```
#f955fb rgb(249,85,251)
```

Monochromatic Color

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

#bb0af9
```
#bb0af9 rgb(187,10,249)
```
#cf0af9
```
#cf0af9 rgb(207,10,249)
```
#e30af9
```
#e30af9 rgb(227,10,249)
```
#f70af9
```
#f70af9 rgb(247,10,249)
```
#f90ae7
```
#f90ae7 rgb(249,10,231)
```
#f90ad3
```
#f90ad3 rgb(249,10,211)
```
#f90abf
```
#f90abf rgb(249,10,191)
```

Similar Colors

Text with hexadecimal color #f70af9

This text has a font color of #f70af9.

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

#f70af9 background color

This paragraph has a background color of #f70af9.

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

#f70af9 border color

This element has a border color of #f70af9.

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

CSS codes

.text {color:#f70af9;}

.background {background-color:#f70af9;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#170117
```
#170117 rgb(23,1,23)
```
#2a012a
```
#2a012a rgb(42,1,42)
```
#3d023d
```
#3d023d rgb(61,2,61)
```
#500250
```
#500250 rgb(80,2,80)
```
#630264
```
#630264 rgb(99,2,100)
```
#760377
```
#760377 rgb(118,3,119)
```
#89038a
```
#89038a rgb(137,3,138)
```
#9c049d
```
#9c049d rgb(156,4,157)
```
#af04b0
```
#af04b0 rgb(175,4,176)
```
#c205c3
```
#c205c3 rgb(194,5,195)
```
#d505d7
```
#d505d7 rgb(213,5,215)
```
#e806ea
```
#e806ea rgb(232,6,234)
```

Shade Color Variation

#f70af9
```
#f70af9 rgb(247,10,249)
```
#f81df9
```
#f81df9 rgb(248,29,249)
```
#f830fa
```
#f830fa rgb(248,48,250)
```
#f943fa
```
#f943fa rgb(249,67,250)
```
#fa57fb
```
#fa57fb rgb(250,87,251)
```
#fa6afb
```
#fa6afb rgb(250,106,251)
```
#fb7dfc
```
#fb7dfc rgb(251,125,252)
```
#fb90fc
```
#fb90fc rgb(251,144,252)
```
#fca3fd
```
#fca3fd rgb(252,163,253)
```
#fdb6fd
```
#fdb6fd rgb(253,182,253)
```
#fdc9fe
```
#fdc9fe rgb(253,201,254)
```
#feddfe
```
#feddfe rgb(254,221,254)
```
#fff0ff
```
#fff0ff rgb(255,240,255)
```

Tint Color Variation

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

#857e85
```
#857e85 rgb(133,126,133)
```
#8f748f
```
#8f748f rgb(143,116,143)
```
#986b98
```
#986b98 rgb(152,107,152)
```
#a261a2
```
#a261a2 rgb(162,97,162)
```
#ab57ac
```
#ab57ac rgb(171,87,172)
```
#b54eb5
```
#b54eb5 rgb(181,78,181)
```
#be44bf
```
#be44bf rgb(190,68,191)
```
#c83ac9
```
#c83ac9 rgb(200,58,201)
```
#d131d2
```
#d131d2 rgb(209,49,210)
```
#db27dc
```
#db27dc rgb(219,39,220)
```
#e41de6
```
#e41de6 rgb(228,29,230)
```
#ee14ef
```
#ee14ef rgb(238,20,239)
```
#f70af9
```
#f70af9 rgb(247,10,249)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#885888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5290ff Protanopia 1% of men
#6193e1 Deuteranopia 1% of men
#e76b72 Tritanopia 0.001% of the population

Trichromacy

#8e5ffc Protanomaly 1% of men, 0.01% of women
#9761ea Deuteranomaly 6% of men, 0.4% of women
#ec48a3 Tritanomaly 0.01% of the population

#f70af9 hex color

#f70af9 Color Information

#f70af9 Color Conversion

Color Schemes with #f70af9

Alternatives to #f70af9

#f70af9 Preview

Shades and Tints of #f70af9

Tones of #f70af9

Color Blindness Simulator