#ff217d hex color

In a RGB color space, hex #ff217d is composed of 100% red, 12.9% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 51% yellow and 0% black. It has a hue angle of 335.1 degrees, a saturation of 100% and a lightness of 56.5%. #ff217d color hex could be obtained by blending #ff42fa with #ff0000. Closest websafe color is: #ff3366.

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

● #ff217d color description : Vivid pink.

The hexadecimal color #ff217d has RGB values of R:255, G:33, B:125 and CMYK values of C:0, M:0.87, Y:0.51, K:0. Its decimal value is 16720253.

Hex triplet	ff217d	`#ff217d`
RGB Decimal	255, 33, 125	`rgb(255,33,125)`
RGB Percent	100, 12.9, 49	`rgb(100%,12.9%,49%)`
CMYK	0, 87, 51, 0
HSL	335.1°, 100, 56.5	`hsl(335.1,100%,56.5%)`
HSV (or HSB)	335.1°, 87.1, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.921, 81.096, 7.347
XYZ	45.487, 23.834, 21.606
xyY	0.5, 0.262, 23.834
CIE-LCH	55.921, 81.428, 5.177
CIE-LUV	55.921, 138.922, -7.132
Hunter-Lab	48.82, 80.881, 7.934
Binary	11111111, 00100001, 01111101

#ff217d
```
#ff217d rgb(255,33,125)
```
#21ffa3
```
#21ffa3 rgb(33,255,163)
```

Complementary Color

#ff21ec
```
#ff21ec rgb(255,33,236)
```
#ff217d
```
#ff217d rgb(255,33,125)
```
#ff3421
```
#ff3421 rgb(255,52,33)
```

Analogous Color

#21ecff
```
#21ecff rgb(33,236,255)
```
#ff217d
```
#ff217d rgb(255,33,125)
```
#21ff34
```
#21ff34 rgb(33,255,52)
```

Split Complementary Color

#217dff
```
#217dff rgb(33,125,255)
```
#ff217d
```
#ff217d rgb(255,33,125)
```
#7dff21
```
#7dff21 rgb(125,255,33)
```

Triadic Color

#a321ff
```
#a321ff rgb(163,33,255)
```
#ff217d
```
#ff217d rgb(255,33,125)
```
#7dff21
```
#7dff21 rgb(125,255,33)
```
#21ffa3
```
#21ffa3 rgb(33,255,163)
```

Tetradic Color

#d40058
```
#d40058 rgb(212,0,88)
```
#ed0062
```
#ed0062 rgb(237,0,98)
```
#ff076e
```
#ff076e rgb(255,7,110)
```
#ff217d
```
#ff217d rgb(255,33,125)
```
#ff3b8c
```
#ff3b8c rgb(255,59,140)
```
#ff549b
```
#ff549b rgb(255,84,155)
```
#ff6eaa
```
#ff6eaa rgb(255,110,170)
```

Monochromatic Color

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

#ff21b5
```
#ff21b5 rgb(255,33,181)
```
#ff21a2
```
#ff21a2 rgb(255,33,162)
```
#ff2190
```
#ff2190 rgb(255,33,144)
```
#ff217d
```
#ff217d rgb(255,33,125)
```
#ff216b
```
#ff216b rgb(255,33,107)
```
#ff2158
```
#ff2158 rgb(255,33,88)
```
#ff2145
```
#ff2145 rgb(255,33,69)
```

Similar Colors

Text with hexadecimal color #ff217d

This text has a font color of #ff217d.

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

#ff217d background color

This paragraph has a background color of #ff217d.

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

#ff217d border color

This element has a border color of #ff217d.

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

CSS codes

.text {color:#ff217d;}

.background {background-color:#ff217d;}

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

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

#0d0006
```
#0d0006 rgb(13,0,6)
```
#21000e
```
#21000e rgb(33,0,14)
```
#350016
```
#350016 rgb(53,0,22)
```
#48001e
```
#48001e rgb(72,0,30)
```
#5c0026
```
#5c0026 rgb(92,0,38)
```
#6f002e
```
#6f002e rgb(111,0,46)
```
#830036
```
#830036 rgb(131,0,54)
```
#97003e
```
#97003e rgb(151,0,62)
```
#aa0047
```
#aa0047 rgb(170,0,71)
```
#be004f
```
#be004f rgb(190,0,79)
```
#d20057
```
#d20057 rgb(210,0,87)
```
#e5005f
```
#e5005f rgb(229,0,95)
```
#f90067
```
#f90067 rgb(249,0,103)
```

Shade Color Variation

#ff0d72
```
#ff0d72 rgb(255,13,114)
```
#ff217d
```
#ff217d rgb(255,33,125)
```
#ff3588
```
#ff3588 rgb(255,53,136)
```
#ff4894
```
#ff4894 rgb(255,72,148)
```
#ff5c9f
```
#ff5c9f rgb(255,92,159)
```
#ff6fab
```
#ff6fab rgb(255,111,171)
```
#ff83b6
```
#ff83b6 rgb(255,131,182)
```
#ff97c2
```
#ff97c2 rgb(255,151,194)
```
#ffaacd
```
#ffaacd rgb(255,170,205)
```
#ffbed9
```
#ffbed9 rgb(255,190,217)
```
#ffd2e4
```
#ffd2e4 rgb(255,210,228)
```
#ffe5f0
```
#ffe5f0 rgb(255,229,240)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#99878f
```
#99878f rgb(153,135,143)
```
#a17f8d
```
#a17f8d rgb(161,127,141)
```
#aa768c
```
#aa768c rgb(170,118,140)
```
#b26e8a
```
#b26e8a rgb(178,110,138)
```
#bb6589
```
#bb6589 rgb(187,101,137)
```
#c35d87
```
#c35d87 rgb(195,93,135)
```
#cc5486
```
#cc5486 rgb(204,84,134)
```
#d44c84
```
#d44c84 rgb(212,76,132)
```
#dd4383
```
#dd4383 rgb(221,67,131)
```
#e53b81
```
#e53b81 rgb(229,59,129)
```
#ee3280
```
#ee3280 rgb(238,50,128)
```
#f62a7e
```
#f62a7e rgb(246,42,126)
```
#ff217d
```
#ff217d rgb(255,33,125)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8b5f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838aac Protanopia 1% of men
#a18775 Deuteranopia 1% of men
#fb4244 Tritanopia 0.001% of the population

Trichromacy

#b0649b Protanomaly 1% of men, 0.01% of women
#c36278 Deuteranomaly 6% of men, 0.4% of women
#fd3658 Tritanomaly 0.01% of the population

#ff217d hex color

#ff217d Color Information

#ff217d Color Conversion

Color Schemes with #ff217d

Alternatives to #ff217d

#ff217d Preview

Shades and Tints of #ff217d

Tones of #ff217d

Color Blindness Simulator