#f700d3 hex color

In a RGB color space, hex #f700d3 is composed of 96.9% red, 0% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 14.6% yellow and 3.1% black. It has a hue angle of 308.7 degrees, a saturation of 100% and a lightness of 48.4%. #f700d3 color hex could be obtained by blending #ff00ff with #ef00a7. Closest websafe color is: #ff00cc.

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

● #f700d3 color description : Pure (or mostly pure) magenta.

The hexadecimal color #f700d3 has RGB values of R:247, G:0, B:211 and CMYK values of C:0, M:1, Y:0.15, K:0.03. Its decimal value is 16187603.

Hex triplet	f700d3	`#f700d3`
RGB Decimal	247, 0, 211	`rgb(247,0,211)`
RGB Percent	96.9, 0, 82.7	`rgb(96.9%,0%,82.7%)`
CMYK	0, 100, 15, 3
HSL	308.7°, 100, 48.4	`hsl(308.7,100%,48.4%)`
HSV (or HSB)	308.7°, 100, 96.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.567, 91.15, -42.166
XYZ	50.116, 24.482, 63.711
xyY	0.362, 0.177, 24.482
CIE-LCH	56.567, 100.431, 335.175
CIE-LUV	56.567, 96.784, -78.114
Hunter-Lab	49.479, 94.209, -41.709
Binary	11110111, 00000000, 11010011

#f700d3
```
#f700d3 rgb(247,0,211)
```
#00f724
```
#00f724 rgb(0,247,36)
```

Complementary Color

#a000f7
```
#a000f7 rgb(160,0,247)
```
#f700d3
```
#f700d3 rgb(247,0,211)
```
#f70058
```
#f70058 rgb(247,0,88)
```

Analogous Color

#00f7a0
```
#00f7a0 rgb(0,247,160)
```
#f700d3
```
#f700d3 rgb(247,0,211)
```
#58f700
```
#58f700 rgb(88,247,0)
```

Split Complementary Color

#00d3f7
```
#00d3f7 rgb(0,211,247)
```
#f700d3
```
#f700d3 rgb(247,0,211)
```
#d3f700
```
#d3f700 rgb(211,247,0)
```

Triadic Color

#2400f7
```
#2400f7 rgb(36,0,247)
```
#f700d3
```
#f700d3 rgb(247,0,211)
```
#d3f700
```
#d3f700 rgb(211,247,0)
```
#00f724
```
#00f724 rgb(0,247,36)
```

Tetradic Color

#ab0092
```
#ab0092 rgb(171,0,146)
```
#c400a7
```
#c400a7 rgb(196,0,167)
```
#de00bd
```
#de00bd rgb(222,0,189)
```
#f700d3
```
#f700d3 rgb(247,0,211)
```
#ff12dc
```
#ff12dc rgb(255,18,220)
```
#ff2be0
```
#ff2be0 rgb(255,43,224)
```
#ff45e4
```
#ff45e4 rgb(255,69,228)
```

Monochromatic Color

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

#dd00f7
```
#dd00f7 rgb(221,0,247)
```
#f200f7
```
#f200f7 rgb(242,0,247)
```
#f700e8
```
#f700e8 rgb(247,0,232)
```
#f700d3
```
#f700d3 rgb(247,0,211)
```
#f700be
```
#f700be rgb(247,0,190)
```
#f700aa
```
#f700aa rgb(247,0,170)
```
#f70095
```
#f70095 rgb(247,0,149)
```

Similar Colors

Text with hexadecimal color #f700d3

This text has a font color of #f700d3.

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

#f700d3 background color

This paragraph has a background color of #f700d3.

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

#f700d3 border color

This element has a border color of #f700d3.

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

CSS codes

.text {color:#f700d3;}

.background {background-color:#f700d3;}

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

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

#0c000a
```
#0c000a rgb(12,0,10)
```
#1f001b
```
#1f001b rgb(31,0,27)
```
#33002b
```
#33002b rgb(51,0,43)
```
#46003c
```
#46003c rgb(70,0,60)
```
#5a004d
```
#5a004d rgb(90,0,77)
```
#6e005e
```
#6e005e rgb(110,0,94)
```
#81006e
```
#81006e rgb(129,0,110)
```
#95007f
```
#95007f rgb(149,0,127)
```
#a90090
```
#a90090 rgb(169,0,144)
```
#bc00a1
```
#bc00a1 rgb(188,0,161)
```
#d000b1
```
#d000b1 rgb(208,0,177)
```
#e300c2
```
#e300c2 rgb(227,0,194)
```
#f700d3
```
#f700d3 rgb(247,0,211)
```

Shade Color Variation

#ff0cdc
```
#ff0cdc rgb(255,12,220)
```
#ff1fde
```
#ff1fde rgb(255,31,222)
```
#ff33e1
```
#ff33e1 rgb(255,51,225)
```
#ff46e4
```
#ff46e4 rgb(255,70,228)
```
#ff5ae7
```
#ff5ae7 rgb(255,90,231)
```
#ff6eea
```
#ff6eea rgb(255,110,234)
```
#ff81ed
```
#ff81ed rgb(255,129,237)
```
#ff95f0
```
#ff95f0 rgb(255,149,240)
```
#ffa9f2
```
#ffa9f2 rgb(255,169,242)
```
#ffbcf5
```
#ffbcf5 rgb(255,188,245)
```
#ffd0f8
```
#ffd0f8 rgb(255,208,248)
```
#ffe3fb
```
#ffe3fb rgb(255,227,251)
```
#fff7fe
```
#fff7fe rgb(255,247,254)
```

Tint Color Variation

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

#857282
```
#857282 rgb(133,114,130)
```
#8f6989
```
#8f6989 rgb(143,105,137)
```
#985f90
```
#985f90 rgb(152,95,144)
```
#a25696
```
#a25696 rgb(162,86,150)
```
#ab4c9d
```
#ab4c9d rgb(171,76,157)
```
#b543a4
```
#b543a4 rgb(181,67,164)
```
#be39ab
```
#be39ab rgb(190,57,171)
```
#c830b1
```
#c830b1 rgb(200,48,177)
```
#d126b8
```
#d126b8 rgb(209,38,184)
```
#db1dbf
```
#db1dbf rgb(219,29,191)
```
#e413c6
```
#e413c6 rgb(228,19,198)
```
#ee0acc
```
#ee0acc rgb(238,10,204)
```
#f700d3
```
#f700d3 rgb(247,0,211)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#804e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#8357ef Protanomaly 1% of men, 0.01% of women
#a759c7 Deuteranomaly 6% of men, 0.4% of women
#f03a89 Tritanomaly 0.01% of the population

#f700d3 hex color

#f700d3 Color Information

#f700d3 Color Conversion

Color Schemes with #f700d3

Alternatives to #f700d3

#f700d3 Preview

Shades and Tints of #f700d3

Tones of #f700d3

Color Blindness Simulator