#fd224a hex color

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

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

● #fd224a color description : Vivid red.

The hexadecimal color #fd224a has RGB values of R:253, G:34, B:74 and CMYK values of C:0, M:0.87, Y:0.71, K:0.01. Its decimal value is 16589386.

Hex triplet	fd224a	`#fd224a`
RGB Decimal	253, 34, 74	`rgb(253,34,74)`
RGB Percent	99.2, 13.3, 29	`rgb(99.2%,13.3%,29%)`
CMYK	0, 87, 71, 1
HSL	349°, 98.2, 56.3	`hsl(349,98.2%,56.3%)`
HSV (or HSB)	349°, 86.6, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.581, 77.568, 35.887
XYZ	42.318, 22.526, 8.598
xyY	0.576, 0.307, 22.526
CIE-LCH	54.581, 85.467, 24.828
CIE-LUV	54.581, 155.448, 22.001
Hunter-Lab	47.462, 76.096, 22.483
Binary	11111101, 00100010, 01001010

#fd224a
```
#fd224a rgb(253,34,74)
```
#22fdd5
```
#22fdd5 rgb(34,253,213)
```

Complementary Color

#fd22b8
```
#fd22b8 rgb(253,34,184)
```
#fd224a
```
#fd224a rgb(253,34,74)
```
#fd6822
```
#fd6822 rgb(253,104,34)
```

Analogous Color

#22b8fd
```
#22b8fd rgb(34,184,253)
```
#fd224a
```
#fd224a rgb(253,34,74)
```
#22fd68
```
#22fd68 rgb(34,253,104)
```

Split Complementary Color

#224afd
```
#224afd rgb(34,74,253)
```
#fd224a
```
#fd224a rgb(253,34,74)
```
#4afd22
```
#4afd22 rgb(74,253,34)
```

Triadic Color

#d522fd
```
#d522fd rgb(213,34,253)
```
#fd224a
```
#fd224a rgb(253,34,74)
```
#4afd22
```
#4afd22 rgb(74,253,34)
```
#22fdd5
```
#22fdd5 rgb(34,253,213)
```

Tetradic Color

#d10228
```
#d10228 rgb(209,2,40)
```
#ea022c
```
#ea022c rgb(234,2,44)
```
#fd0935
```
#fd0935 rgb(253,9,53)
```
#fd224a
```
#fd224a rgb(253,34,74)
```
#fd3b5f
```
#fd3b5f rgb(253,59,95)
```
#fd5573
```
#fd5573 rgb(253,85,115)
```
#fe6e88
```
#fe6e88 rgb(254,110,136)
```

Monochromatic Color

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

#fd2281
```
#fd2281 rgb(253,34,129)
```
#fd226f
```
#fd226f rgb(253,34,111)
```
#fd225c
```
#fd225c rgb(253,34,92)
```
#fd224a
```
#fd224a rgb(253,34,74)
```
#fd2238
```
#fd2238 rgb(253,34,56)
```
#fd2225
```
#fd2225 rgb(253,34,37)
```
#fd3122
```
#fd3122 rgb(253,49,34)
```

Similar Colors

Text with hexadecimal color #fd224a

This text has a font color of #fd224a.

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

#fd224a background color

This paragraph has a background color of #fd224a.

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

#fd224a border color

This element has a border color of #fd224a.

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

CSS codes

.text {color:#fd224a;}

.background {background-color:#fd224a;}

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

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

#0c0002
```
#0c0002 rgb(12,0,2)
```
#200006
```
#200006 rgb(32,0,6)
```
#33000a
```
#33000a rgb(51,0,10)
```
#47010d
```
#47010d rgb(71,1,13)
```
#5a0111
```
#5a0111 rgb(90,1,17)
```
#6d0115
```
#6d0115 rgb(109,1,21)
```
#810118
```
#810118 rgb(129,1,24)
```
#94011c
```
#94011c rgb(148,1,28)
```
#a80220
```
#a80220 rgb(168,2,32)
```
#bb0224
```
#bb0224 rgb(187,2,36)
```
#cf0227
```
#cf0227 rgb(207,2,39)
```
#e2022b
```
#e2022b rgb(226,2,43)
```
#f6022f
```
#f6022f rgb(246,2,47)
```

Shade Color Variation

#fd0f3a
```
#fd0f3a rgb(253,15,58)
```
#fd224a
```
#fd224a rgb(253,34,74)
```
#fd355a
```
#fd355a rgb(253,53,90)
```
#fd496a
```
#fd496a rgb(253,73,106)
```
#fe5c7a
```
#fe5c7a rgb(254,92,122)
```
#fe708a
```
#fe708a rgb(254,112,138)
```
#fe839a
```
#fe839a rgb(254,131,154)
```
#fe97aa
```
#fe97aa rgb(254,151,170)
```
#feaab9
```
#feaab9 rgb(254,170,185)
```
#febec9
```
#febec9 rgb(254,190,201)
```
#ffd1d9
```
#ffd1d9 rgb(255,209,217)
```
#ffe4e9
```
#ffe4e9 rgb(255,228,233)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#96898b
```
#96898b rgb(150,137,139)
```
#9f8086
```
#9f8086 rgb(159,128,134)
```
#a77880
```
#a77880 rgb(167,120,128)
```
#b06f7b
```
#b06f7b rgb(176,111,123)
```
#b86776
```
#b86776 rgb(184,103,118)
```
#c15e70
```
#c15e70 rgb(193,94,112)
```
#ca556b
```
#ca556b rgb(202,85,107)
```
#d24d65
```
#d24d65 rgb(210,77,101)
```
#db4460
```
#db4460 rgb(219,68,96)
```
#e33c5a
```
#e33c5a rgb(227,60,90)
```
#ec3355
```
#ec3355 rgb(236,51,85)
```
#f42b4f
```
#f42b4f rgb(244,43,79)
```
#fd224a
```
#fd224a rgb(253,34,74)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#865a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91886f Protanopia 1% of men
#a78244 Deuteranopia 1% of men
#fc3534 Tritanopia 0.001% of the population

Trichromacy

#b86361 Protanomaly 1% of men, 0.01% of women
#c65f46 Deuteranomaly 6% of men, 0.4% of women
#fc2e3c Tritanomaly 0.01% of the population

#fd224a hex color

#fd224a Color Information

#fd224a Color Conversion

Color Schemes with #fd224a

Alternatives to #fd224a

#fd224a Preview

Shades and Tints of #fd224a

Tones of #fd224a

Color Blindness Simulator