#fd225a hex color

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

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

● #fd225a color description : Vivid pink.

The hexadecimal color #fd225a has RGB values of R:253, G:34, B:90 and CMYK values of C:0, M:0.87, Y:0.64, K:0.01. Its decimal value is 16589402.

Hex triplet	fd225a	`#fd225a`
RGB Decimal	253, 34, 90	`rgb(253,34,90)`
RGB Percent	99.2, 13.3, 35.3	`rgb(99.2%,13.3%,35.3%)`
CMYK	0, 87, 64, 1
HSL	344.7°, 98.2, 56.3	`hsl(344.7,98.2%,56.3%)`
HSV (or HSB)	344.7°, 86.6, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.835, 78.298, 26.756
XYZ	42.927, 22.77, 11.807
xyY	0.554, 0.294, 22.77
CIE-LCH	54.835, 82.744, 18.866
CIE-LUV	54.835, 150.475, 14.051
Hunter-Lab	47.718, 77.073, 18.732
Binary	11111101, 00100010, 01011010

#fd225a
```
#fd225a rgb(253,34,90)
```
#22fdc5
```
#22fdc5 rgb(34,253,197)
```

Complementary Color

#fd22c8
```
#fd22c8 rgb(253,34,200)
```
#fd225a
```
#fd225a rgb(253,34,90)
```
#fd5722
```
#fd5722 rgb(253,87,34)
```

Analogous Color

#22c8fd
```
#22c8fd rgb(34,200,253)
```
#fd225a
```
#fd225a rgb(253,34,90)
```
#22fd57
```
#22fd57 rgb(34,253,87)
```

Split Complementary Color

#225afd
```
#225afd rgb(34,90,253)
```
#fd225a
```
#fd225a rgb(253,34,90)
```
#5afd22
```
#5afd22 rgb(90,253,34)
```

Triadic Color

#c522fd
```
#c522fd rgb(197,34,253)
```
#fd225a
```
#fd225a rgb(253,34,90)
```
#5afd22
```
#5afd22 rgb(90,253,34)
```
#22fdc5
```
#22fdc5 rgb(34,253,197)
```

Tetradic Color

#d10237
```
#d10237 rgb(209,2,55)
```
#ea023d
```
#ea023d rgb(234,2,61)
```
#fd0947
```
#fd0947 rgb(253,9,71)
```
#fd225a
```
#fd225a rgb(253,34,90)
```
#fd3b6d
```
#fd3b6d rgb(253,59,109)
```
#fd5580
```
#fd5580 rgb(253,85,128)
```
#fe6e93
```
#fe6e93 rgb(254,110,147)
```

Monochromatic Color

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

#fd2291
```
#fd2291 rgb(253,34,145)
```
#fd227f
```
#fd227f rgb(253,34,127)
```
#fd226c
```
#fd226c rgb(253,34,108)
```
#fd225a
```
#fd225a rgb(253,34,90)
```
#fd2248
```
#fd2248 rgb(253,34,72)
```
#fd2236
```
#fd2236 rgb(253,34,54)
```
#fd2223
```
#fd2223 rgb(253,34,35)
```

Similar Colors

Text with hexadecimal color #fd225a

This text has a font color of #fd225a.

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

#fd225a background color

This paragraph has a background color of #fd225a.

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

#fd225a border color

This element has a border color of #fd225a.

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

CSS codes

.text {color:#fd225a;}

.background {background-color:#fd225a;}

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

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

#0c0003
```
#0c0003 rgb(12,0,3)
```
#200008
```
#200008 rgb(32,0,8)
```
#33000d
```
#33000d rgb(51,0,13)
```
#470113
```
#470113 rgb(71,1,19)
```
#5a0118
```
#5a0118 rgb(90,1,24)
```
#6d011d
```
#6d011d rgb(109,1,29)
```
#810122
```
#810122 rgb(129,1,34)
```
#940127
```
#940127 rgb(148,1,39)
```
#a8022c
```
#a8022c rgb(168,2,44)
```
#bb0231
```
#bb0231 rgb(187,2,49)
```
#cf0236
```
#cf0236 rgb(207,2,54)
```
#e2023b
```
#e2023b rgb(226,2,59)
```
#f60240
```
#f60240 rgb(246,2,64)
```

Shade Color Variation

#fd0f4b
```
#fd0f4b rgb(253,15,75)
```
#fd225a
```
#fd225a rgb(253,34,90)
```
#fd3569
```
#fd3569 rgb(253,53,105)
```
#fd4977
```
#fd4977 rgb(253,73,119)
```
#fe5c86
```
#fe5c86 rgb(254,92,134)
```
#fe7094
```
#fe7094 rgb(254,112,148)
```
#fe83a3
```
#fe83a3 rgb(254,131,163)
```
#fe97b1
```
#fe97b1 rgb(254,151,177)
```
#feaac0
```
#feaac0 rgb(254,170,192)
```
#febece
```
#febece rgb(254,190,206)
```
#ffd1dd
```
#ffd1dd rgb(255,209,221)
```
#ffe4eb
```
#ffe4eb rgb(255,228,235)
```
#fff8fa
```
#fff8fa rgb(255,248,250)
```

Tint Color Variation

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

#96898c
```
#96898c rgb(150,137,140)
```
#9f8088
```
#9f8088 rgb(159,128,136)
```
#a77884
```
#a77884 rgb(167,120,132)
```
#b06f80
```
#b06f80 rgb(176,111,128)
```
#b8677c
```
#b8677c rgb(184,103,124)
```
#c15e77
```
#c15e77 rgb(193,94,119)
```
#ca5573
```
#ca5573 rgb(202,85,115)
```
#d24d6f
```
#d24d6f rgb(210,77,111)
```
#db446b
```
#db446b rgb(219,68,107)
```
#e33c67
```
#e33c67 rgb(227,60,103)
```
#ec3362
```
#ec3362 rgb(236,51,98)
```
#f42b5e
```
#f42b5e rgb(244,43,94)
```
#fd225a
```
#fd225a rgb(253,34,90)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#875c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8982 Protanopia 1% of men
#a58354 Deuteranopia 1% of men
#fb3938 Tritanopia 0.001% of the population

Trichromacy

#b66373 Protanomaly 1% of men, 0.01% of women
#c56056 Deuteranomaly 6% of men, 0.4% of women
#fc3044 Tritanomaly 0.01% of the population

#fd225a hex color

#fd225a Color Information

#fd225a Color Conversion

Color Schemes with #fd225a

Alternatives to #fd225a

#fd225a Preview

Shades and Tints of #fd225a

Tones of #fd225a

Color Blindness Simulator