#ff21f0 hex color

In a RGB color space, hex #ff21f0 is composed of 100% red, 12.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 5.9% yellow and 0% black. It has a hue angle of 304.1 degrees, a saturation of 100% and a lightness of 56.5%. #ff21f0 color hex could be obtained by blending #ff42ff with #ff00e1. Closest websafe color is: #ff33ff.

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

● #ff21f0 color description : Vivid magenta.

The hexadecimal color #ff21f0 has RGB values of R:255, G:33, B:240 and CMYK values of C:0, M:0.87, Y:0.06, K:0. Its decimal value is 16720368.

Hex triplet	ff21f0	`#ff21f0`
RGB Decimal	255, 33, 240	`rgb(255,33,240)`
RGB Percent	100, 12.9, 94.1	`rgb(100%,12.9%,94.1%)`
CMYK	0, 87, 6, 0
HSL	304.1°, 100, 56.5	`hsl(304.1,100%,56.5%)`
HSV (or HSB)	304.1°, 87.1, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.465, 93.311, -52.269
XYZ	57.511, 28.643, 84.933
xyY	0.336, 0.167, 28.643
CIE-LCH	60.465, 106.953, 330.744
CIE-LUV	60.465, 88.204, -95.028
Hunter-Lab	53.519, 98.155, -56.627
Binary	11111111, 00100001, 11110000

#ff21f0
```
#ff21f0 rgb(255,33,240)
```
#21ff30
```
#21ff30 rgb(33,255,48)
```

Complementary Color

#9f21ff
```
#9f21ff rgb(159,33,255)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```
#ff2181
```
#ff2181 rgb(255,33,129)
```

Analogous Color

#21ff9f
```
#21ff9f rgb(33,255,159)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```
#81ff21
```
#81ff21 rgb(129,255,33)
```

Split Complementary Color

#21f0ff
```
#21f0ff rgb(33,240,255)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```
#f0ff21
```
#f0ff21 rgb(240,255,33)
```

Triadic Color

#3021ff
```
#3021ff rgb(48,33,255)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```
#f0ff21
```
#f0ff21 rgb(240,255,33)
```
#21ff30
```
#21ff30 rgb(33,255,48)
```

Tetradic Color

#d400c5
```
#d400c5 rgb(212,0,197)
```
#ed00dd
```
#ed00dd rgb(237,0,221)
```
#ff07ee
```
#ff07ee rgb(255,7,238)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```
#ff3bf2
```
#ff3bf2 rgb(255,59,242)
```
#ff54f3
```
#ff54f3 rgb(255,84,243)
```
#ff6ef5
```
#ff6ef5 rgb(255,110,245)
```

Monochromatic Color

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

#d721ff
```
#d721ff rgb(215,33,255)
```
#e921ff
```
#e921ff rgb(233,33,255)
```
#fc21ff
```
#fc21ff rgb(252,33,255)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```
#ff21de
```
#ff21de rgb(255,33,222)
```
#ff21cb
```
#ff21cb rgb(255,33,203)
```
#ff21b9
```
#ff21b9 rgb(255,33,185)
```

Similar Colors

Text with hexadecimal color #ff21f0

This text has a font color of #ff21f0.

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

#ff21f0 background color

This paragraph has a background color of #ff21f0.

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

#ff21f0 border color

This element has a border color of #ff21f0.

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

CSS codes

.text {color:#ff21f0;}

.background {background-color:#ff21f0;}

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

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

#0d000c
```
#0d000c rgb(13,0,12)
```
#21001f
```
#21001f rgb(33,0,31)
```
#350031
```
#350031 rgb(53,0,49)
```
#480043
```
#480043 rgb(72,0,67)
```
#5c0056
```
#5c0056 rgb(92,0,86)
```
#6f0068
```
#6f0068 rgb(111,0,104)
```
#83007a
```
#83007a rgb(131,0,122)
```
#97008d
```
#97008d rgb(151,0,141)
```
#aa009f
```
#aa009f rgb(170,0,159)
```
#be00b1
```
#be00b1 rgb(190,0,177)
```
#d200c3
```
#d200c3 rgb(210,0,195)
```
#e500d6
```
#e500d6 rgb(229,0,214)
```
#f900e8
```
#f900e8 rgb(249,0,232)
```

Shade Color Variation

#ff0def
```
#ff0def rgb(255,13,239)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```
#ff35f1
```
#ff35f1 rgb(255,53,241)
```
#ff48f3
```
#ff48f3 rgb(255,72,243)
```
#ff5cf4
```
#ff5cf4 rgb(255,92,244)
```
#ff6ff5
```
#ff6ff5 rgb(255,111,245)
```
#ff83f7
```
#ff83f7 rgb(255,131,247)
```
#ff97f8
```
#ff97f8 rgb(255,151,248)
```
#ffaaf9
```
#ffaaf9 rgb(255,170,249)
```
#ffbefb
```
#ffbefb rgb(255,190,251)
```
#ffd2fc
```
#ffd2fc rgb(255,210,252)
```
#ffe5fd
```
#ffe5fd rgb(255,229,253)
```
#fff9ff
```
#fff9ff rgb(255,249,255)
```

Tint Color Variation

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

#998797
```
#998797 rgb(153,135,151)
```
#a17f9f
```
#a17f9f rgb(161,127,159)
```
#aa76a6
```
#aa76a6 rgb(170,118,166)
```
#b26eae
```
#b26eae rgb(178,110,174)
```
#bb65b5
```
#bb65b5 rgb(187,101,181)
```
#c35dbc
```
#c35dbc rgb(195,93,188)
```
#cc54c4
```
#cc54c4 rgb(204,84,196)
```
#d44ccb
```
#d44ccb rgb(212,76,203)
```
#dd43d2
```
#dd43d2 rgb(221,67,210)
```
#e53bda
```
#e53bda rgb(229,59,218)
```
#ee32e1
```
#ee32e1 rgb(238,50,225)
```
#f62ae9
```
#f62ae9 rgb(246,42,233)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#956992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e94ff Protanopia 1% of men
#7596db Deuteranopia 1% of men
#f06b72 Tritanopia 0.001% of the population

Trichromacy

#986af9 Protanomaly 1% of men, 0.01% of women
#a76ce2 Deuteranomaly 6% of men, 0.4% of women
#f6509f Tritanomaly 0.01% of the population

#ff21f0 hex color

#ff21f0 Color Information

#ff21f0 Color Conversion

Color Schemes with #ff21f0

Alternatives to #ff21f0

#ff21f0 Preview

Shades and Tints of #ff21f0

Tones of #ff21f0

Color Blindness Simulator