#ff224a hex color

In a RGB color space, hex #ff224a is composed of 100% red, 13.3% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 71% yellow and 0% black. It has a hue angle of 349.1 degrees, a saturation of 100% and a lightness of 56.7%. #ff224a color hex could be obtained by blending #ff4494 with #ff0000. Closest websafe color is: #ff3333.

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

● #ff224a color description : Vivid red.

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

Hex triplet	ff224a	`#ff224a`
RGB Decimal	255, 34, 74	`rgb(255,34,74)`
RGB Percent	100, 13.3, 29	`rgb(100%,13.3%,29%)`
CMYK	0, 87, 71, 0
HSL	349.1°, 100, 56.7	`hsl(349.1,100%,56.7%)`
HSV (or HSB)	349.1°, 86.7, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.973, 78.067, 36.449
XYZ	43.05, 22.904, 8.632
xyY	0.577, 0.307, 22.904
CIE-LCH	54.973, 86.157, 25.028
CIE-LUV	54.973, 156.945, 22.424
Hunter-Lab	47.858, 76.816, 22.806
Binary	11111111, 00100010, 01001010

#ff224a
```
#ff224a rgb(255,34,74)
```
#22ffd7
```
#22ffd7 rgb(34,255,215)
```

Complementary Color

#ff22b9
```
#ff22b9 rgb(255,34,185)
```
#ff224a
```
#ff224a rgb(255,34,74)
```
#ff6922
```
#ff6922 rgb(255,105,34)
```

Analogous Color

#22b9ff
```
#22b9ff rgb(34,185,255)
```
#ff224a
```
#ff224a rgb(255,34,74)
```
#22ff69
```
#22ff69 rgb(34,255,105)
```

Split Complementary Color

#224aff
```
#224aff rgb(34,74,255)
```
#ff224a
```
#ff224a rgb(255,34,74)
```
#4aff22
```
#4aff22 rgb(74,255,34)
```

Triadic Color

#d722ff
```
#d722ff rgb(215,34,255)
```
#ff224a
```
#ff224a rgb(255,34,74)
```
#4aff22
```
#4aff22 rgb(74,255,34)
```
#22ffd7
```
#22ffd7 rgb(34,255,215)
```

Tetradic Color

#d50026
```
#d50026 rgb(213,0,38)
```
#ee002b
```
#ee002b rgb(238,0,43)
```
#ff0835
```
#ff0835 rgb(255,8,53)
```
#ff224a
```
#ff224a rgb(255,34,74)
```
#ff3c5f
```
#ff3c5f rgb(255,60,95)
```
#ff5574
```
#ff5574 rgb(255,85,116)
```
#ff6f89
```
#ff6f89 rgb(255,111,137)
```

Monochromatic Color

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

#ff2281
```
#ff2281 rgb(255,34,129)
```
#ff226f
```
#ff226f rgb(255,34,111)
```
#ff225c
```
#ff225c rgb(255,34,92)
```
#ff224a
```
#ff224a rgb(255,34,74)
```
#ff2238
```
#ff2238 rgb(255,34,56)
```
#ff2225
```
#ff2225 rgb(255,34,37)
```
#ff3122
```
#ff3122 rgb(255,49,34)
```

Similar Colors

Text with hexadecimal color #ff224a

This text has a font color of #ff224a.

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

#ff224a background color

This paragraph has a background color of #ff224a.

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

#ff224a border color

This element has a border color of #ff224a.

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

CSS codes

.text {color:#ff224a;}

.background {background-color:#ff224a;}

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

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

#0e0003
```
#0e0003 rgb(14,0,3)
```
#220006
```
#220006 rgb(34,0,6)
```
#36000a
```
#36000a rgb(54,0,10)
```
#49000d
```
#49000d rgb(73,0,13)
```
#5d0011
```
#5d0011 rgb(93,0,17)
```
#700014
```
#700014 rgb(112,0,20)
```
#840018
```
#840018 rgb(132,0,24)
```
#98001b
```
#98001b rgb(152,0,27)
```
#ab001f
```
#ab001f rgb(171,0,31)
```
#bf0023
```
#bf0023 rgb(191,0,35)
```
#d30026
```
#d30026 rgb(211,0,38)
```
#e6002a
```
#e6002a rgb(230,0,42)
```
#fa002d
```
#fa002d rgb(250,0,45)
```

Shade Color Variation

#ff0e3a
```
#ff0e3a rgb(255,14,58)
```
#ff224a
```
#ff224a rgb(255,34,74)
```
#ff365a
```
#ff365a rgb(255,54,90)
```
#ff496a
```
#ff496a rgb(255,73,106)
```
#ff5d7a
```
#ff5d7a rgb(255,93,122)
```
#ff708a
```
#ff708a rgb(255,112,138)
```
#ff849a
```
#ff849a rgb(255,132,154)
```
#ff98aa
```
#ff98aa rgb(255,152,170)
```
#ffabba
```
#ffabba rgb(255,171,186)
```
#ffbfcb
```
#ffbfcb rgb(255,191,203)
```
#ffd3db
```
#ffd3db rgb(255,211,219)
```
#ffe6eb
```
#ffe6eb rgb(255,230,235)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#99888b
```
#99888b rgb(153,136,139)
```
#a28086
```
#a28086 rgb(162,128,134)
```
#aa7780
```
#aa7780 rgb(170,119,128)
```
#b36f7b
```
#b36f7b rgb(179,111,123)
```
#bb6675
```
#bb6675 rgb(187,102,117)
```
#c45e70
```
#c45e70 rgb(196,94,112)
```
#cc556b
```
#cc556b rgb(204,85,107)
```
#d54d65
```
#d54d65 rgb(213,77,101)
```
#dd4460
```
#dd4460 rgb(221,68,96)
```
#e63c5a
```
#e63c5a rgb(230,60,90)
```
#ee3355
```
#ee3355 rgb(238,51,85)
```
#f72b4f
```
#f72b4f rgb(247,43,79)
```
#ff224a
```
#ff224a rgb(255,34,74)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#875b63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92896f Protanopia 1% of men
#a88344 Deuteranopia 1% of men
#fe3534 Tritanopia 0.001% of the population

Trichromacy

#b96461 Protanomaly 1% of men, 0.01% of women
#c86046 Deuteranomaly 6% of men, 0.4% of women
#fe2e3c Tritanomaly 0.01% of the population

#ff224a hex color

#ff224a Color Information

#ff224a Color Conversion

Color Schemes with #ff224a

Alternatives to #ff224a

#ff224a Preview

Shades and Tints of #ff224a

Tones of #ff224a

Color Blindness Simulator