#ff2ad4 hex color

In a RGB color space, hex #ff2ad4 is composed of 100% red, 16.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 16.9% yellow and 0% black. It has a hue angle of 312.1 degrees, a saturation of 100% and a lightness of 58.2%. #ff2ad4 color hex could be obtained by blending #ff54ff with #ff00a9. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 100
- G 16
- B 83
RGB color chart
- C 0
- M 84
- Y 17
- K 0
CMYK color chart

● #ff2ad4 color description : Vivid magenta.

The hexadecimal color #ff2ad4 has RGB values of R:255, G:42, B:212 and CMYK values of C:0, M:0.84, Y:0.17, K:0. Its decimal value is 16722644.

Hex triplet	ff2ad4	`#ff2ad4`
RGB Decimal	255, 42, 212	`rgb(255,42,212)`
RGB Percent	100, 16.5, 83.1	`rgb(100%,16.5%,83.1%)`
CMYK	0, 84, 17, 0
HSL	312.1°, 100, 58.2	`hsl(312.1,100%,58.2%)`
HSV (or HSB)	312.1°, 83.5, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	59.593, 88.16, -37.883
XYZ	53.952, 27.674, 64.784
xyY	0.368, 0.189, 27.674
CIE-LCH	59.593, 95.955, 336.747
CIE-LUV	59.593, 98.742, -71.975
Hunter-Lab	52.606, 91.005, -36.191
Binary	11111111, 00101010, 11010100

#ff2ad4
```
#ff2ad4 rgb(255,42,212)
```
#2aff55
```
#2aff55 rgb(42,255,85)
```

Complementary Color

#c02aff
```
#c02aff rgb(192,42,255)
```
#ff2ad4
```
#ff2ad4 rgb(255,42,212)
```
#ff2a6a
```
#ff2a6a rgb(255,42,106)
```

Analogous Color

#2affc0
```
#2affc0 rgb(42,255,192)
```
#ff2ad4
```
#ff2ad4 rgb(255,42,212)
```
#6aff2a
```
#6aff2a rgb(106,255,42)
```

Split Complementary Color

#2ad4ff
```
#2ad4ff rgb(42,212,255)
```
#ff2ad4
```
#ff2ad4 rgb(255,42,212)
```
#d4ff2a
```
#d4ff2a rgb(212,255,42)
```

Triadic Color

#552aff
```
#552aff rgb(85,42,255)
```
#ff2ad4
```
#ff2ad4 rgb(255,42,212)
```
#d4ff2a
```
#d4ff2a rgb(212,255,42)
```
#2aff55
```
#2aff55 rgb(42,255,85)
```

Tetradic Color

#dd00b0
```
#dd00b0 rgb(221,0,176)
```
#f600c4
```
#f600c4 rgb(246,0,196)
```
#ff11cf
```
#ff11cf rgb(255,17,207)
```
#ff2ad4
```
#ff2ad4 rgb(255,42,212)
```
#ff44d9
```
#ff44d9 rgb(255,68,217)
```
#ff5dde
```
#ff5dde rgb(255,93,222)
```
#ff77e3
```
#ff77e3 rgb(255,119,227)
```

Monochromatic Color

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

#f52aff
```
#f52aff rgb(245,42,255)
```
#ff2af8
```
#ff2af8 rgb(255,42,248)
```
#ff2ae6
```
#ff2ae6 rgb(255,42,230)
```
#ff2ad4
```
#ff2ad4 rgb(255,42,212)
```
#ff2ac2
```
#ff2ac2 rgb(255,42,194)
```
#ff2ab1
```
#ff2ab1 rgb(255,42,177)
```
#ff2a9f
```
#ff2a9f rgb(255,42,159)
```

Similar Colors

Text with hexadecimal color #ff2ad4

This text has a font color of #ff2ad4.

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

#ff2ad4 background color

This paragraph has a background color of #ff2ad4.

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

#ff2ad4 border color

This element has a border color of #ff2ad4.

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

CSS codes

.text {color:#ff2ad4;}

.background {background-color:#ff2ad4;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#160012
```
#160012 rgb(22,0,18)
```
#2a0022
```
#2a0022 rgb(42,0,34)
```
#3e0031
```
#3e0031 rgb(62,0,49)
```
#510041
```
#510041 rgb(81,0,65)
```
#650050
```
#650050 rgb(101,0,80)
```
#780060
```
#780060 rgb(120,0,96)
```
#8c0070
```
#8c0070 rgb(140,0,112)
```
#a0007f
```
#a0007f rgb(160,0,127)
```
#b3008f
```
#b3008f rgb(179,0,143)
```
#c7009f
```
#c7009f rgb(199,0,159)
```
#db00ae
```
#db00ae rgb(219,0,174)
```
#ee00be
```
#ee00be rgb(238,0,190)
```

Shade Color Variation

#ff03cc
```
#ff03cc rgb(255,3,204)
```
#ff16d0
```
#ff16d0 rgb(255,22,208)
```
#ff2ad4
```
#ff2ad4 rgb(255,42,212)
```
#ff3ed8
```
#ff3ed8 rgb(255,62,216)
```
#ff51dc
```
#ff51dc rgb(255,81,220)
```
#ff65e0
```
#ff65e0 rgb(255,101,224)
```
#ff78e4
```
#ff78e4 rgb(255,120,228)
```
#ff8ce8
```
#ff8ce8 rgb(255,140,232)
```
#ffa0ec
```
#ffa0ec rgb(255,160,236)
```
#ffb3f0
```
#ffb3f0 rgb(255,179,240)
```
#ffc7f4
```
#ffc7f4 rgb(255,199,244)
```
#ffdbf8
```
#ffdbf8 rgb(255,219,248)
```
#ffeefc
```
#ffeefc rgb(255,238,252)
```

Tint Color Variation

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

#9d8c99
```
#9d8c99 rgb(157,140,153)
```
#a5849e
```
#a5849e rgb(165,132,158)
```
#ad7ca3
```
#ad7ca3 rgb(173,124,163)
```
#b574a8
```
#b574a8 rgb(181,116,168)
```
#bd6cad
```
#bd6cad rgb(189,108,173)
```
#c663b2
```
#c663b2 rgb(198,99,178)
```
#ce5bb7
```
#ce5bb7 rgb(206,91,183)
```
#d653bc
```
#d653bc rgb(214,83,188)
```
#de4bc0
```
#de4bc0 rgb(222,75,192)
```
#e643c5
```
#e643c5 rgb(230,67,197)
```
#ef3aca
```
#ef3aca rgb(239,58,202)
```
#f732cf
```
#f732cf rgb(247,50,207)
```
#ff2ad4
```
#ff2ad4 rgb(255,42,212)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#976c8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5991ff Protanopia 1% of men
#8793c3 Deuteranopia 1% of men
#f46369 Tritanopia 0.001% of the population

Trichromacy

#956cef Protanomaly 1% of men, 0.01% of women
#b36dc9 Deuteranomaly 6% of men, 0.4% of women
#f84e90 Tritanomaly 0.01% of the population

#ff2ad4 hex color

#ff2ad4 Color Information

#ff2ad4 Color Conversion

Color Schemes with #ff2ad4

Alternatives to #ff2ad4

#ff2ad4 Preview

Shades and Tints of #ff2ad4

Tones of #ff2ad4

Color Blindness Simulator