#f702d4 hex color

In a RGB color space, hex #f702d4 is composed of 96.9% red, 0.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 14.2% yellow and 3.1% black. It has a hue angle of 308.6 degrees, a saturation of 98.4% and a lightness of 48.8%. #f702d4 color hex could be obtained by blending #ff04ff with #ef00a9. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 97
- G 1
- B 83
RGB color chart
- C 0
- M 99
- Y 14
- K 3
CMYK color chart

● #f702d4 color description : Vivid magenta.

The hexadecimal color #f702d4 has RGB values of R:247, G:2, B:212 and CMYK values of C:0, M:0.99, Y:0.14, K:0.03. Its decimal value is 16188116.

Hex triplet	f702d4	`#f702d4`
RGB Decimal	247, 2, 212	`rgb(247,2,212)`
RGB Percent	96.9, 0.8, 83.1	`rgb(96.9%,0.8%,83.1%)`
CMYK	0, 99, 14, 3
HSL	308.6°, 98.4, 48.8	`hsl(308.6,98.4%,48.8%)`
HSV (or HSB)	308.6°, 99.2, 96.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.659, 91.147, -42.591
XYZ	50.263, 24.575, 64.38
xyY	0.361, 0.177, 24.575
CIE-LCH	56.659, 100.607, 334.955
CIE-LUV	56.659, 96.239, -78.779
Hunter-Lab	49.573, 94.229, -42.297
Binary	11110111, 00000010, 11010100

#f702d4
```
#f702d4 rgb(247,2,212)
```
#02f725
```
#02f725 rgb(2,247,37)
```

Complementary Color

#a002f7
```
#a002f7 rgb(160,2,247)
```
#f702d4
```
#f702d4 rgb(247,2,212)
```
#f7025a
```
#f7025a rgb(247,2,90)
```

Analogous Color

#02f7a0
```
#02f7a0 rgb(2,247,160)
```
#f702d4
```
#f702d4 rgb(247,2,212)
```
#5af702
```
#5af702 rgb(90,247,2)
```

Split Complementary Color

#02d4f7
```
#02d4f7 rgb(2,212,247)
```
#f702d4
```
#f702d4 rgb(247,2,212)
```
#d4f702
```
#d4f702 rgb(212,247,2)
```

Triadic Color

#2502f7
```
#2502f7 rgb(37,2,247)
```
#f702d4
```
#f702d4 rgb(247,2,212)
```
#d4f702
```
#d4f702 rgb(212,247,2)
```
#02f725
```
#02f725 rgb(2,247,37)
```

Tetradic Color

#ab0193
```
#ab0193 rgb(171,1,147)
```
#c402a9
```
#c402a9 rgb(196,2,169)
```
#de02be
```
#de02be rgb(222,2,190)
```
#f702d4
```
#f702d4 rgb(247,2,212)
```
#fd15dc
```
#fd15dc rgb(253,21,220)
```
#fd2fe0
```
#fd2fe0 rgb(253,47,224)
```
#fe48e4
```
#fe48e4 rgb(254,72,228)
```

Monochromatic Color

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

#dd02f7
```
#dd02f7 rgb(221,2,247)
```
#f102f7
```
#f102f7 rgb(241,2,247)
```
#f702e8
```
#f702e8 rgb(247,2,232)
```
#f702d4
```
#f702d4 rgb(247,2,212)
```
#f702c0
```
#f702c0 rgb(247,2,192)
```
#f702ab
```
#f702ab rgb(247,2,171)
```
#f70297
```
#f70297 rgb(247,2,151)
```

Similar Colors

Text with hexadecimal color #f702d4

This text has a font color of #f702d4.

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

#f702d4 background color

This paragraph has a background color of #f702d4.

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

#f702d4 border color

This element has a border color of #f702d4.

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

CSS codes

.text {color:#f702d4;}

.background {background-color:#f702d4;}

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

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

#0e000c
```
#0e000c rgb(14,0,12)
```
#21001c
```
#21001c rgb(33,0,28)
```
#34002d
```
#34002d rgb(52,0,45)
```
#48013e
```
#48013e rgb(72,1,62)
```
#5b014e
```
#5b014e rgb(91,1,78)
```
#6f015f
```
#6f015f rgb(111,1,95)
```
#820170
```
#820170 rgb(130,1,112)
```
#960180
```
#960180 rgb(150,1,128)
```
#a90191
```
#a90191 rgb(169,1,145)
```
#bd02a2
```
#bd02a2 rgb(189,2,162)
```
#d002b3
```
#d002b3 rgb(208,2,179)
```
#e402c3
```
#e402c3 rgb(228,2,195)
```
#f702d4
```
#f702d4 rgb(247,2,212)
```

Shade Color Variation

#fd10db
```
#fd10db rgb(253,16,219)
```
#fd23de
```
#fd23de rgb(253,35,222)
```
#fd36e1
```
#fd36e1 rgb(253,54,225)
```
#fe4ae4
```
#fe4ae4 rgb(254,74,228)
```
#fe5de7
```
#fe5de7 rgb(254,93,231)
```
#fe71ea
```
#fe71ea rgb(254,113,234)
```
#fe84ed
```
#fe84ed rgb(254,132,237)
```
#fe98f0
```
#fe98f0 rgb(254,152,240)
```
#feabf2
```
#feabf2 rgb(254,171,242)
```
#febff5
```
#febff5 rgb(254,191,245)
```
#ffd2f8
```
#ffd2f8 rgb(255,210,248)
```
#ffe6fb
```
#ffe6fb rgb(255,230,251)
```
#fff9fe
```
#fff9fe rgb(255,249,254)
```

Tint Color Variation

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

#847582
```
#847582 rgb(132,117,130)
```
#8e6b89
```
#8e6b89 rgb(142,107,137)
```
#976290
```
#976290 rgb(151,98,144)
```
#a15896
```
#a15896 rgb(161,88,150)
```
#aa4f9d
```
#aa4f9d rgb(170,79,157)
```
#b445a4
```
#b445a4 rgb(180,69,164)
```
#be3bab
```
#be3bab rgb(190,59,171)
```
#c732b2
```
#c732b2 rgb(199,50,178)
```
#d128b9
```
#d128b9 rgb(209,40,185)
```
#da1fbf
```
#da1fbf rgb(218,31,191)
```
#e415c6
```
#e415c6 rgb(228,21,198)
```
#ed0ccd
```
#ed0ccd rgb(237,12,205)
```
#f702d4
```
#f702d4 rgb(247,2,212)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#81507a Atypical Achromatopsia 0.001% of the population

Dichromacy

#428aff Protanopia 1% of men
#7a8cc1 Deuteranopia 1% of men
#ec5b60 Tritanopia 0.001% of the population

Trichromacy

#8458ef Protanomaly 1% of men, 0.01% of women
#a75ac8 Deuteranomaly 6% of men, 0.4% of women
#f03b8a Tritanomaly 0.01% of the population

#f702d4 hex color

#f702d4 Color Information

#f702d4 Color Conversion

Color Schemes with #f702d4

Alternatives to #f702d4

#f702d4 Preview

Shades and Tints of #f702d4

Tones of #f702d4

Color Blindness Simulator