#f01ad2 hex color

In a RGB color space, hex #f01ad2 is composed of 94.1% red, 10.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.2% magenta, 12.5% yellow and 5.9% black. It has a hue angle of 308.4 degrees, a saturation of 87.7% and a lightness of 52.2%. #f01ad2 color hex could be obtained by blending #ff34ff with #e100a5. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 94
- G 10
- B 82
RGB color chart
- C 0
- M 89
- Y 13
- K 6
CMYK color chart

● #f01ad2 color description : Vivid magenta.

The hexadecimal color #f01ad2 has RGB values of R:240, G:26, B:210 and CMYK values of C:0, M:0.89, Y:0.13, K:0.06. Its decimal value is 15735506.

Hex triplet	f01ad2	`#f01ad2`
RGB Decimal	240, 26, 210	`rgb(240,26,210)`
RGB Percent	94.1, 10.2, 82.4	`rgb(94.1%,10.2%,82.4%)`
CMYK	0, 89, 13, 6
HSL	308.4°, 87.7, 52.2	`hsl(308.4,87.7%,52.2%)`
HSV (or HSB)	308.4°, 89.2, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.009, 87.616, -42.559
XYZ	47.937, 23.921, 63.062
xyY	0.355, 0.177, 23.921
CIE-LCH	56.009, 97.405, 334.092
CIE-LUV	56.009, 90.227, -77.963
Hunter-Lab	48.909, 89.361, -42.21
Binary	11110000, 00011010, 11010010

#f01ad2
```
#f01ad2 rgb(240,26,210)
```
#1af038
```
#1af038 rgb(26,240,56)
```

Complementary Color

#a31af0
```
#a31af0 rgb(163,26,240)
```
#f01ad2
```
#f01ad2 rgb(240,26,210)
```
#f01a67
```
#f01a67 rgb(240,26,103)
```

Analogous Color

#1af0a3
```
#1af0a3 rgb(26,240,163)
```
#f01ad2
```
#f01ad2 rgb(240,26,210)
```
#67f01a
```
#67f01a rgb(103,240,26)
```

Split Complementary Color

#1ad2f0
```
#1ad2f0 rgb(26,210,240)
```
#f01ad2
```
#f01ad2 rgb(240,26,210)
```
#d2f01a
```
#d2f01a rgb(210,240,26)
```

Triadic Color

#381af0
```
#381af0 rgb(56,26,240)
```
#f01ad2
```
#f01ad2 rgb(240,26,210)
```
#d2f01a
```
#d2f01a rgb(210,240,26)
```
#1af038
```
#1af038 rgb(26,240,56)
```

Tetradic Color

#b20c9b
```
#b20c9b rgb(178,12,155)
```
#ca0daf
```
#ca0daf rgb(202,13,175)
```
#e20fc4
```
#e20fc4 rgb(226,15,196)
```
#f01ad2
```
#f01ad2 rgb(240,26,210)
```
#f232d7
```
#f232d7 rgb(242,50,215)
```
#f34adb
```
#f34adb rgb(243,74,219)
```
#f562e0
```
#f562e0 rgb(245,98,224)
```

Monochromatic Color

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

#d91af0
```
#d91af0 rgb(217,26,240)
```
#ea1af0
```
#ea1af0 rgb(234,26,240)
```
#f01ae4
```
#f01ae4 rgb(240,26,228)
```
#f01ad2
```
#f01ad2 rgb(240,26,210)
```
#f01ac0
```
#f01ac0 rgb(240,26,192)
```
#f01aae
```
#f01aae rgb(240,26,174)
```
#f01a9d
```
#f01a9d rgb(240,26,157)
```

Similar Colors

Text with hexadecimal color #f01ad2

This text has a font color of #f01ad2.

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

#f01ad2 background color

This paragraph has a background color of #f01ad2.

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

#f01ad2 border color

This element has a border color of #f01ad2.

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

CSS codes

.text {color:#f01ad2;}

.background {background-color:#f01ad2;}

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

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

#0a0109
```
#0a0109 rgb(10,1,9)
```
#1d0219
```
#1d0219 rgb(29,2,25)
```
#2f0329
```
#2f0329 rgb(47,3,41)
```
#420439
```
#420439 rgb(66,4,57)
```
#540549
```
#540549 rgb(84,5,73)
```
#660759
```
#660759 rgb(102,7,89)
```
#790869
```
#790869 rgb(121,8,105)
```
#8b0979
```
#8b0979 rgb(139,9,121)
```
#9e0a89
```
#9e0a89 rgb(158,10,137)
```
#b00c99
```
#b00c99 rgb(176,12,153)
```
#c20da9
```
#c20da9 rgb(194,13,169)
```
#d50eb9
```
#d50eb9 rgb(213,14,185)
```
#e70fc9
```
#e70fc9 rgb(231,15,201)
```

Shade Color Variation

#f01ad2
```
#f01ad2 rgb(240,26,210)
```
#f12cd6
```
#f12cd6 rgb(241,44,214)
```
#f23fd9
```
#f23fd9 rgb(242,63,217)
```
#f451dd
```
#f451dd rgb(244,81,221)
```
#f564e0
```
#f564e0 rgb(245,100,224)
```
#f676e4
```
#f676e4 rgb(246,118,228)
```
#f788e8
```
#f788e8 rgb(247,136,232)
```
#f89beb
```
#f89beb rgb(248,155,235)
```
#faadef
```
#faadef rgb(250,173,239)
```
#fbc0f3
```
#fbc0f3 rgb(251,192,243)
```
#fcd2f6
```
#fcd2f6 rgb(252,210,246)
```
#fde5fa
```
#fde5fa rgb(253,229,250)
```
#fef7fd
```
#fef7fd rgb(254,247,253)
```

Tint Color Variation

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

#898188
```
#898188 rgb(137,129,136)
```
#92788e
```
#92788e rgb(146,120,142)
```
#9c6e95
```
#9c6e95 rgb(156,110,149)
```
#a5659c
```
#a5659c rgb(165,101,156)
```
#ae5ca3
```
#ae5ca3 rgb(174,92,163)
```
#b852a9
```
#b852a9 rgb(184,82,169)
```
#c149b0
```
#c149b0 rgb(193,73,176)
```
#ca40b7
```
#ca40b7 rgb(202,64,183)
```
#d436be
```
#d436be rgb(212,54,190)
```
#dd2dc4
```
#dd2dc4 rgb(221,45,196)
```
#e723cb
```
#e723cb rgb(231,35,203)
```
#f01ad2
```
#f01ad2 rgb(240,26,210)
```
#f911d9
```
#f911d9 rgb(249,17,217)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#895e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c88ff Protanopia 1% of men
#778bc0 Deuteranopia 1% of men
#e55e64 Tritanopia 0.001% of the population

Trichromacy

#7d60ee Protanomaly 1% of men, 0.01% of women
#a362c7 Deuteranomaly 6% of men, 0.4% of women
#e9458c Tritanomaly 0.01% of the population

#f01ad2 hex color

#f01ad2 Color Information

#f01ad2 Color Conversion

Color Schemes with #f01ad2

Alternatives to #f01ad2

#f01ad2 Preview

Shades and Tints of #f01ad2

Tones of #f01ad2

Color Blindness Simulator