#f100f0 hex color

In a RGB color space, hex #f100f0 is composed of 94.5% red, 0% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 0.4% yellow and 5.5% black. It has a hue angle of 300.2 degrees, a saturation of 100% and a lightness of 47.3%. #f100f0 color hex could be obtained by blending #ff00ff with #e300e1. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 95
- G 0
- B 94
RGB color chart
- C 0
- M 100
- Y 0
- K 5
CMYK color chart

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

The hexadecimal color #f100f0 has RGB values of R:241, G:0, B:240 and CMYK values of C:0, M:1, Y:0, K:0.05. Its decimal value is 15794416.

Hex triplet	f100f0	`#f100f0`
RGB Decimal	241, 0, 240	`rgb(241,0,240)`
RGB Percent	94.5, 0, 94.1	`rgb(94.5%,0%,94.1%)`
CMYK	0, 100, 0, 5
HSL	300.2°, 100, 47.3	`hsl(300.2,100%,47.3%)`
HSV (or HSB)	300.2°, 100, 94.5
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.071, 93.984, -57.822
XYZ	52.003, 24.996, 84.519
xyY	0.322, 0.155, 24.996
CIE-LCH	57.071, 110.346, 328.399
CIE-LUV	57.071, 80.006, -102.202
Hunter-Lab	49.996, 98.173, -65.234
Binary	11110001, 00000000, 11110000

#f100f0
```
#f100f0 rgb(241,0,240)
```
#00f101
```
#00f101 rgb(0,241,1)
```

Complementary Color

#7a00f1
```
#7a00f1 rgb(122,0,241)
```
#f100f0
```
#f100f0 rgb(241,0,240)
```
#f10078
```
#f10078 rgb(241,0,120)
```

Analogous Color

#00f17a
```
#00f17a rgb(0,241,122)
```
#f100f0
```
#f100f0 rgb(241,0,240)
```
#78f100
```
#78f100 rgb(120,241,0)
```

Split Complementary Color

#00f0f1
```
#00f0f1 rgb(0,240,241)
```
#f100f0
```
#f100f0 rgb(241,0,240)
```
#f0f100
```
#f0f100 rgb(240,241,0)
```

Triadic Color

#0100f1
```
#0100f1 rgb(1,0,241)
```
#f100f0
```
#f100f0 rgb(241,0,240)
```
#f0f100
```
#f0f100 rgb(240,241,0)
```
#00f101
```
#00f101 rgb(0,241,1)
```

Tetradic Color

#a500a4
```
#a500a4 rgb(165,0,164)
```
#be00bd
```
#be00bd rgb(190,0,189)
```
#d800d7
```
#d800d7 rgb(216,0,215)
```
#f100f0
```
#f100f0 rgb(241,0,240)
```
#ff0cfe
```
#ff0cfe rgb(255,12,254)
```
#ff25fe
```
#ff25fe rgb(255,37,254)
```
#ff3ffe
```
#ff3ffe rgb(255,63,254)
```

Monochromatic Color

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

#b600f1
```
#b600f1 rgb(182,0,241)
```
#ca00f1
```
#ca00f1 rgb(202,0,241)
```
#de00f1
```
#de00f1 rgb(222,0,241)
```
#f100f0
```
#f100f0 rgb(241,0,240)
```
#f100dc
```
#f100dc rgb(241,0,220)
```
#f100c8
```
#f100c8 rgb(241,0,200)
```
#f100b4
```
#f100b4 rgb(241,0,180)
```

Similar Colors

Text with hexadecimal color #f100f0

This text has a font color of #f100f0.

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

#f100f0 background color

This paragraph has a background color of #f100f0.

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

#f100f0 border color

This element has a border color of #f100f0.

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

CSS codes

.text {color:#f100f0;}

.background {background-color:#f100f0;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#190019
```
#190019 rgb(25,0,25)
```
#2d002d
```
#2d002d rgb(45,0,45)
```
#400040
```
#400040 rgb(64,0,64)
```
#540054
```
#540054 rgb(84,0,84)
```
#680067
```
#680067 rgb(104,0,103)
```
#7b007b
```
#7b007b rgb(123,0,123)
```
#8f008e
```
#8f008e rgb(143,0,142)
```
#a300a2
```
#a300a2 rgb(163,0,162)
```
#b600b5
```
#b600b5 rgb(182,0,181)
```
#ca00c9
```
#ca00c9 rgb(202,0,201)
```
#dd00dc
```
#dd00dc rgb(221,0,220)
```
#f100f0
```
#f100f0 rgb(241,0,240)
```

Shade Color Variation

#ff06fe
```
#ff06fe rgb(255,6,254)
```
#ff19fe
```
#ff19fe rgb(255,25,254)
```
#ff2dfe
```
#ff2dfe rgb(255,45,254)
```
#ff40fe
```
#ff40fe rgb(255,64,254)
```
#ff54fe
```
#ff54fe rgb(255,84,254)
```
#ff68fe
```
#ff68fe rgb(255,104,254)
```
#ff7bfe
```
#ff7bfe rgb(255,123,254)
```
#ff8fff
```
#ff8fff rgb(255,143,255)
```
#ffa3ff
```
#ffa3ff rgb(255,163,255)
```
#ffb6ff
```
#ffb6ff rgb(255,182,255)
```
#ffcaff
```
#ffcaff rgb(255,202,255)
```
#ffddff
```
#ffddff rgb(255,221,255)
```
#fff1ff
```
#fff1ff rgb(255,241,255)
```

Tint Color Variation

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

#826f82
```
#826f82 rgb(130,111,130)
```
#8b668b
```
#8b668b rgb(139,102,139)
```
#945d94
```
#945d94 rgb(148,93,148)
```
#9e539d
```
#9e539d rgb(158,83,157)
```
#a74aa6
```
#a74aa6 rgb(167,74,166)
```
#b041b0
```
#b041b0 rgb(176,65,176)
```
#b938b9
```
#b938b9 rgb(185,56,185)
```
#c32ec2
```
#c32ec2 rgb(195,46,194)
```
#cc25cb
```
#cc25cb rgb(204,37,203)
```
#d51cd4
```
#d51cd4 rgb(213,28,212)
```
#de13de
```
#de13de rgb(222,19,222)
```
#e809e7
```
#e809e7 rgb(232,9,231)
```
#f100f0
```
#f100f0 rgb(241,0,240)
```

Tone Color Variation

Below, you can see how #f100f0 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
#7f4f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#458bff Protanopia 1% of men
#608fd9 Deuteranopia 1% of men
#e2666d Tritanopia 0.001% of the population

Trichromacy

#8358f9 Protanomaly 1% of men, 0.01% of women
#955be1 Deuteranomaly 6% of men, 0.4% of women
#e7419c Tritanomaly 0.01% of the population

#f100f0 hex color

#f100f0 Color Information

#f100f0 Color Conversion

Color Schemes with #f100f0

Alternatives to #f100f0

#f100f0 Preview

Shades and Tints of #f100f0

Tones of #f100f0

Color Blindness Simulator