#f22045 hex color

In a RGB color space, hex #f22045 is composed of 94.9% red, 12.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.8% magenta, 71.5% yellow and 5.1% black. It has a hue angle of 349.4 degrees, a saturation of 89% and a lightness of 53.7%. #f22045 color hex could be obtained by blending #ff408a with #e50000. Closest websafe color is: #ff3333.

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

● #f22045 color description : Vivid red.

The hexadecimal color #f22045 has RGB values of R:242, G:32, B:69 and CMYK values of C:0, M:0.87, Y:0.71, K:0.05. Its decimal value is 15867973.

Hex triplet	f22045	`#f22045`
RGB Decimal	242, 32, 69	`rgb(242,32,69)`
RGB Percent	94.9, 12.5, 27.1	`rgb(94.9%,12.5%,27.1%)`
CMYK	0, 87, 71, 5
HSL	349.4°, 89, 53.7	`hsl(349.4,89%,53.7%)`
HSV (or HSB)	349.4°, 86.8, 94.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.225, 74.949, 35.481
XYZ	38.211, 20.345, 7.545
xyY	0.578, 0.308, 20.345
CIE-LCH	52.225, 82.923, 25.333
CIE-LUV	52.225, 149.188, 21.672
Hunter-Lab	45.105, 72.281, 21.656
Binary	11110010, 00100000, 01000101

#f22045
```
#f22045 rgb(242,32,69)
```
#20f2cd
```
#20f2cd rgb(32,242,205)
```

Complementary Color

#f220ae
```
#f220ae rgb(242,32,174)
```
#f22045
```
#f22045 rgb(242,32,69)
```
#f26420
```
#f26420 rgb(242,100,32)
```

Analogous Color

#20aef2
```
#20aef2 rgb(32,174,242)
```
#f22045
```
#f22045 rgb(242,32,69)
```
#20f264
```
#20f264 rgb(32,242,100)
```

Split Complementary Color

#2045f2
```
#2045f2 rgb(32,69,242)
```
#f22045
```
#f22045 rgb(242,32,69)
```
#45f220
```
#45f220 rgb(69,242,32)
```

Triadic Color

#cd20f2
```
#cd20f2 rgb(205,32,242)
```
#f22045
```
#f22045 rgb(242,32,69)
```
#45f220
```
#45f220 rgb(69,242,32)
```
#20f2cd
```
#20f2cd rgb(32,242,205)
```

Tetradic Color

#bb0b2a
```
#bb0b2a rgb(187,11,42)
```
#d30c2f
```
#d30c2f rgb(211,12,47)
```
#eb0e35
```
#eb0e35 rgb(235,14,53)
```
#f22045
```
#f22045 rgb(242,32,69)
```
#f33859
```
#f33859 rgb(243,56,89)
```
#f5506d
```
#f5506d rgb(245,80,109)
```
#f66881
```
#f66881 rgb(246,104,129)
```

Monochromatic Color

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

#f2207a
```
#f2207a rgb(242,32,122)
```
#f22068
```
#f22068 rgb(242,32,104)
```
#f22057
```
#f22057 rgb(242,32,87)
```
#f22045
```
#f22045 rgb(242,32,69)
```
#f22033
```
#f22033 rgb(242,32,51)
```
#f22022
```
#f22022 rgb(242,32,34)
```
#f23020
```
#f23020 rgb(242,48,32)
```

Similar Colors

Text with hexadecimal color #f22045

This text has a font color of #f22045.

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

#f22045 background color

This paragraph has a background color of #f22045.

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

#f22045 border color

This element has a border color of #f22045.

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

CSS codes

.text {color:#f22045;}

.background {background-color:#f22045;}

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

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, #120104 is the darkest color, while #fffeff is the lightest one.

#120104
```
#120104 rgb(18,1,4)
```
#240208
```
#240208 rgb(36,2,8)
```
#37030c
```
#37030c rgb(55,3,12)
```
#4a0410
```
#4a0410 rgb(74,4,16)
```
#5c0515
```
#5c0515 rgb(92,5,21)
```
#6f0619
```
#6f0619 rgb(111,6,25)
```
#81081d
```
#81081d rgb(129,8,29)
```
#940921
```
#940921 rgb(148,9,33)
```
#a60a25
```
#a60a25 rgb(166,10,37)
```
#b90b29
```
#b90b29 rgb(185,11,41)
```
#cb0c2e
```
#cb0c2e rgb(203,12,46)
```
#de0d32
```
#de0d32 rgb(222,13,50)
```
#f00e36
```
#f00e36 rgb(240,14,54)
```

Shade Color Variation

#f22045
```
#f22045 rgb(242,32,69)
```
#f33354
```
#f33354 rgb(243,51,84)
```
#f44564
```
#f44564 rgb(244,69,100)
```
#f55873
```
#f55873 rgb(245,88,115)
```
#f66a83
```
#f66a83 rgb(246,106,131)
```
#f77d92
```
#f77d92 rgb(247,125,146)
```
#f88fa2
```
#f88fa2 rgb(248,143,162)
```
#faa2b1
```
#faa2b1 rgb(250,162,177)
```
#fbb4c1
```
#fbb4c1 rgb(251,180,193)
```
#fcc7d0
```
#fcc7d0 rgb(252,199,208)
```
#fdd9e0
```
#fdd9e0 rgb(253,217,224)
```
#feecef
```
#feecef rgb(254,236,239)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8e8486
```
#8e8486 rgb(142,132,134)
```
#977b80
```
#977b80 rgb(151,123,128)
```
#a0727a
```
#a0727a rgb(160,114,122)
```
#a96974
```
#a96974 rgb(169,105,116)
```
#b2606e
```
#b2606e rgb(178,96,110)
```
#bc5668
```
#bc5668 rgb(188,86,104)
```
#c54d62
```
#c54d62 rgb(197,77,98)
```
#ce445d
```
#ce445d rgb(206,68,93)
```
#d73b57
```
#d73b57 rgb(215,59,87)
```
#e03251
```
#e03251 rgb(224,50,81)
```
#e9294b
```
#e9294b rgb(233,41,75)
```
#f22045
```
#f22045 rgb(242,32,69)
```
#fb173f
```
#fb173f rgb(251,23,63)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#80565d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8369 Protanopia 1% of men
#a07d40 Deuteranopia 1% of men
#f13231 Tritanopia 0.001% of the population

Trichromacy

#b05f5b Protanomaly 1% of men, 0.01% of women
#be5b42 Deuteranomaly 6% of men, 0.4% of women
#f12b38 Tritanomaly 0.01% of the population

#f22045 hex color

#f22045 Color Information

#f22045 Color Conversion

Color Schemes with #f22045

Alternatives to #f22045

#f22045 Preview

Shades and Tints of #f22045

Tones of #f22045

Color Blindness Simulator