#ff21ba hex color

In a RGB color space, hex #ff21ba is composed of 100% red, 12.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 27.1% yellow and 0% black. It has a hue angle of 318.6 degrees, a saturation of 100% and a lightness of 56.5%. #ff21ba color hex could be obtained by blending #ff42ff with #ff0075. Closest websafe color is: #ff33cc.

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

● #ff21ba color description : Vivid pink.

The hexadecimal color #ff21ba has RGB values of R:255, G:33, B:186 and CMYK values of C:0, M:0.87, Y:0.27, K:0. Its decimal value is 16720314.

Hex triplet	ff21ba	`#ff21ba`
RGB Decimal	255, 33, 186	`rgb(255,33,186)`
RGB Percent	100, 12.9, 72.9	`rgb(100%,12.9%,72.9%)`
CMYK	0, 87, 27, 0
HSL	318.6°, 100, 56.5	`hsl(318.6,100%,56.5%)`
HSV (or HSB)	318.6°, 87.1, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.94, 86.656, -25.556
XYZ	50.647, 25.898, 48.783
xyY	0.404, 0.207, 25.898
CIE-LCH	57.94, 90.346, 343.569
CIE-LUV	57.94, 111.622, -52.895
Hunter-Lab	50.89, 88.593, -21.213
Binary	11111111, 00100001, 10111010

#ff21ba
```
#ff21ba rgb(255,33,186)
```
#21ff66
```
#21ff66 rgb(33,255,102)
```

Complementary Color

#d521ff
```
#d521ff rgb(213,33,255)
```
#ff21ba
```
#ff21ba rgb(255,33,186)
```
#ff214b
```
#ff214b rgb(255,33,75)
```

Analogous Color

#21ffd5
```
#21ffd5 rgb(33,255,213)
```
#ff21ba
```
#ff21ba rgb(255,33,186)
```
#4bff21
```
#4bff21 rgb(75,255,33)
```

Split Complementary Color

#21baff
```
#21baff rgb(33,186,255)
```
#ff21ba
```
#ff21ba rgb(255,33,186)
```
#baff21
```
#baff21 rgb(186,255,33)
```

Triadic Color

#6621ff
```
#6621ff rgb(102,33,255)
```
#ff21ba
```
#ff21ba rgb(255,33,186)
```
#baff21
```
#baff21 rgb(186,255,33)
```
#21ff66
```
#21ff66 rgb(33,255,102)
```

Tetradic Color

#d40092
```
#d40092 rgb(212,0,146)
```
#ed00a3
```
#ed00a3 rgb(237,0,163)
```
#ff07b2
```
#ff07b2 rgb(255,7,178)
```
#ff21ba
```
#ff21ba rgb(255,33,186)
```
#ff3bc2
```
#ff3bc2 rgb(255,59,194)
```
#ff54ca
```
#ff54ca rgb(255,84,202)
```
#ff6ed2
```
#ff6ed2 rgb(255,110,210)
```

Monochromatic Color

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

#ff21f2
```
#ff21f2 rgb(255,33,242)
```
#ff21df
```
#ff21df rgb(255,33,223)
```
#ff21cd
```
#ff21cd rgb(255,33,205)
```
#ff21ba
```
#ff21ba rgb(255,33,186)
```
#ff21a8
```
#ff21a8 rgb(255,33,168)
```
#ff2195
```
#ff2195 rgb(255,33,149)
```
#ff2183
```
#ff2183 rgb(255,33,131)
```

Similar Colors

Text with hexadecimal color #ff21ba

This text has a font color of #ff21ba.

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

#ff21ba background color

This paragraph has a background color of #ff21ba.

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

#ff21ba border color

This element has a border color of #ff21ba.

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

CSS codes

.text {color:#ff21ba;}

.background {background-color:#ff21ba;}

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

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

#0d0009
```
#0d0009 rgb(13,0,9)
```
#210017
```
#210017 rgb(33,0,23)
```
#350024
```
#350024 rgb(53,0,36)
```
#480032
```
#480032 rgb(72,0,50)
```
#5c003f
```
#5c003f rgb(92,0,63)
```
#6f004d
```
#6f004d rgb(111,0,77)
```
#83005a
```
#83005a rgb(131,0,90)
```
#970068
```
#970068 rgb(151,0,104)
```
#aa0075
```
#aa0075 rgb(170,0,117)
```
#be0083
```
#be0083 rgb(190,0,131)
```
#d20090
```
#d20090 rgb(210,0,144)
```
#e5009e
```
#e5009e rgb(229,0,158)
```
#f900ab
```
#f900ab rgb(249,0,171)
```

Shade Color Variation

#ff0db4
```
#ff0db4 rgb(255,13,180)
```
#ff21ba
```
#ff21ba rgb(255,33,186)
```
#ff35c0
```
#ff35c0 rgb(255,53,192)
```
#ff48c6
```
#ff48c6 rgb(255,72,198)
```
#ff5ccc
```
#ff5ccc rgb(255,92,204)
```
#ff6fd2
```
#ff6fd2 rgb(255,111,210)
```
#ff83d8
```
#ff83d8 rgb(255,131,216)
```
#ff97df
```
#ff97df rgb(255,151,223)
```
#ffaae5
```
#ffaae5 rgb(255,170,229)
```
#ffbeeb
```
#ffbeeb rgb(255,190,235)
```
#ffd2f1
```
#ffd2f1 rgb(255,210,241)
```
#ffe5f7
```
#ffe5f7 rgb(255,229,247)
```
#fff9fd
```
#fff9fd rgb(255,249,253)
```

Tint Color Variation

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

#998793
```
#998793 rgb(153,135,147)
```
#a17f96
```
#a17f96 rgb(161,127,150)
```
#aa769a
```
#aa769a rgb(170,118,154)
```
#b26e9d
```
#b26e9d rgb(178,110,157)
```
#bb65a0
```
#bb65a0 rgb(187,101,160)
```
#c35da3
```
#c35da3 rgb(195,93,163)
```
#cc54a7
```
#cc54a7 rgb(204,84,167)
```
#d44caa
```
#d44caa rgb(212,76,170)
```
#dd43ad
```
#dd43ad rgb(221,67,173)
```
#e53bb0
```
#e53bb0 rgb(229,59,176)
```
#ee32b4
```
#ee32b4 rgb(238,50,180)
```
#f62ab7
```
#f62ab7 rgb(246,42,183)
```
#ff21ba
```
#ff21ba rgb(255,33,186)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#916483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a8df6 Protanopia 1% of men
#908eac Deuteranopia 1% of men
#f7575b Tritanopia 0.001% of the population

Trichromacy

#9666e0 Protanomaly 1% of men, 0.01% of women
#b866b1 Deuteranomaly 6% of men, 0.4% of women
#fa437e Tritanomaly 0.01% of the population

#ff21ba hex color

#ff21ba Color Information

#ff21ba Color Conversion

Color Schemes with #ff21ba

Alternatives to #ff21ba

#ff21ba Preview

Shades and Tints of #ff21ba

Tones of #ff21ba

Color Blindness Simulator