#fd227e hex color

In a RGB color space, hex #fd227e is composed of 99.2% red, 13.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.6% magenta, 50.2% yellow and 0.8% black. It has a hue angle of 334.8 degrees, a saturation of 98.2% and a lightness of 56.3%. #fd227e color hex could be obtained by blending #ff44fc with #fb0000. Closest websafe color is: #ff3366.

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

● #fd227e color description : Vivid pink.

The hexadecimal color #fd227e has RGB values of R:253, G:34, B:126 and CMYK values of C:0, M:0.87, Y:0.5, K:0.01. Its decimal value is 16589438.

Hex triplet	fd227e	`#fd227e`
RGB Decimal	253, 34, 126	`rgb(253,34,126)`
RGB Percent	99.2, 13.3, 49.4	`rgb(99.2%,13.3%,49.4%)`
CMYK	0, 87, 50, 1
HSL	334.8°, 98.2, 56.3	`hsl(334.8,98.2%,56.3%)`
HSV (or HSB)	334.8°, 86.6, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.622, 80.54, 6.271
XYZ	44.848, 23.538, 21.919
xyY	0.497, 0.261, 23.538
CIE-LCH	55.622, 80.784, 4.452
CIE-LUV	55.622, 136.697, -8.287
Hunter-Lab	48.516, 80.099, 7.174
Binary	11111101, 00100010, 01111110

#fd227e
```
#fd227e rgb(253,34,126)
```
#22fda1
```
#22fda1 rgb(34,253,161)
```

Complementary Color

#fd22ec
```
#fd22ec rgb(253,34,236)
```
#fd227e
```
#fd227e rgb(253,34,126)
```
#fd3322
```
#fd3322 rgb(253,51,34)
```

Analogous Color

#22ecfd
```
#22ecfd rgb(34,236,253)
```
#fd227e
```
#fd227e rgb(253,34,126)
```
#22fd33
```
#22fd33 rgb(34,253,51)
```

Split Complementary Color

#227efd
```
#227efd rgb(34,126,253)
```
#fd227e
```
#fd227e rgb(253,34,126)
```
#7efd22
```
#7efd22 rgb(126,253,34)
```

Triadic Color

#a122fd
```
#a122fd rgb(161,34,253)
```
#fd227e
```
#fd227e rgb(253,34,126)
```
#7efd22
```
#7efd22 rgb(126,253,34)
```
#22fda1
```
#22fda1 rgb(34,253,161)
```

Tetradic Color

#d10259
```
#d10259 rgb(209,2,89)
```
#ea0263
```
#ea0263 rgb(234,2,99)
```
#fd096f
```
#fd096f rgb(253,9,111)
```
#fd227e
```
#fd227e rgb(253,34,126)
```
#fd3b8d
```
#fd3b8d rgb(253,59,141)
```
#fd559c
```
#fd559c rgb(253,85,156)
```
#fe6eaa
```
#fe6eaa rgb(254,110,170)
```

Monochromatic Color

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

#fd22b5
```
#fd22b5 rgb(253,34,181)
```
#fd22a3
```
#fd22a3 rgb(253,34,163)
```
#fd2290
```
#fd2290 rgb(253,34,144)
```
#fd227e
```
#fd227e rgb(253,34,126)
```
#fd226c
```
#fd226c rgb(253,34,108)
```
#fd225a
```
#fd225a rgb(253,34,90)
```
#fd2247
```
#fd2247 rgb(253,34,71)
```

Similar Colors

Text with hexadecimal color #fd227e

This text has a font color of #fd227e.

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

#fd227e background color

This paragraph has a background color of #fd227e.

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

#fd227e border color

This element has a border color of #fd227e.

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

CSS codes

.text {color:#fd227e;}

.background {background-color:#fd227e;}

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

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

#0c0005
```
#0c0005 rgb(12,0,5)
```
#20000d
```
#20000d rgb(32,0,13)
```
#330016
```
#330016 rgb(51,0,22)
```
#47011e
```
#47011e rgb(71,1,30)
```
#5a0126
```
#5a0126 rgb(90,1,38)
```
#6d012f
```
#6d012f rgb(109,1,47)
```
#810137
```
#810137 rgb(129,1,55)
```
#94013f
```
#94013f rgb(148,1,63)
```
#a80247
```
#a80247 rgb(168,2,71)
```
#bb0250
```
#bb0250 rgb(187,2,80)
```
#cf0258
```
#cf0258 rgb(207,2,88)
```
#e20260
```
#e20260 rgb(226,2,96)
```
#f60268
```
#f60268 rgb(246,2,104)
```

Shade Color Variation

#fd0f73
```
#fd0f73 rgb(253,15,115)
```
#fd227e
```
#fd227e rgb(253,34,126)
```
#fd3589
```
#fd3589 rgb(253,53,137)
```
#fd4995
```
#fd4995 rgb(253,73,149)
```
#fe5ca0
```
#fe5ca0 rgb(254,92,160)
```
#fe70ab
```
#fe70ab rgb(254,112,171)
```
#fe83b7
```
#fe83b7 rgb(254,131,183)
```
#fe97c2
```
#fe97c2 rgb(254,151,194)
```
#feaacd
```
#feaacd rgb(254,170,205)
```
#febed9
```
#febed9 rgb(254,190,217)
```
#ffd1e4
```
#ffd1e4 rgb(255,209,228)
```
#ffe4ef
```
#ffe4ef rgb(255,228,239)
```
#fff8fb
```
#fff8fb rgb(255,248,251)
```

Tint Color Variation

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

#96898e
```
#96898e rgb(150,137,142)
```
#9f808d
```
#9f808d rgb(159,128,141)
```
#a7788c
```
#a7788c rgb(167,120,140)
```
#b06f8a
```
#b06f8a rgb(176,111,138)
```
#b86789
```
#b86789 rgb(184,103,137)
```
#c15e88
```
#c15e88 rgb(193,94,136)
```
#ca5586
```
#ca5586 rgb(202,85,134)
```
#d24d85
```
#d24d85 rgb(210,77,133)
```
#db4483
```
#db4483 rgb(219,68,131)
```
#e33c82
```
#e33c82 rgb(227,60,130)
```
#ec3381
```
#ec3381 rgb(236,51,129)
```
#f42b7f
```
#f42b7f rgb(244,43,127)
```
#fd227e
```
#fd227e rgb(253,34,126)
```

Tone Color Variation

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

#828aad Protanopia 1% of men
#a08676 Deuteranopia 1% of men
#f94345 Tritanopia 0.001% of the population

Trichromacy

#ae649c Protanomaly 1% of men, 0.01% of women
#c16279 Deuteranomaly 6% of men, 0.4% of women
#fb3759 Tritanomaly 0.01% of the population

#fd227e hex color

#fd227e Color Information

#fd227e Color Conversion

Color Schemes with #fd227e

Alternatives to #fd227e

#fd227e Preview

Shades and Tints of #fd227e

Tones of #fd227e

Color Blindness Simulator