#f10222 hex color

In a RGB color space, hex #f10222 is composed of 94.5% red, 0.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 85.9% yellow and 5.5% black. It has a hue angle of 352 degrees, a saturation of 98.4% and a lightness of 47.6%. #f10222 color hex could be obtained by blending #ff0444 with #e30000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 95
- G 1
- B 13
RGB color chart
- C 0
- M 99
- Y 86
- K 5
CMYK color chart

● #f10222 color description : Vivid red.

The hexadecimal color #f10222 has RGB values of R:241, G:2, B:34 and CMYK values of C:0, M:0.99, Y:0.86, K:0.05. Its decimal value is 15794722.

Hex triplet	f10222	`#f10222`
RGB Decimal	241, 2, 34	`rgb(241,2,34)`
RGB Percent	94.5, 0.8, 13.3	`rgb(94.5%,0.8%,13.3%)`
CMYK	0, 99, 86, 5
HSL	352°, 98.4, 47.6	`hsl(352,98.4%,47.6%)`
HSV (or HSB)	352°, 99.2, 94.5
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.528, 76.963, 52.804
XYZ	36.588, 18.865, 3.228
xyY	0.624, 0.321, 18.865
CIE-LCH	50.528, 93.335, 34.454
CIE-LUV	50.528, 162.033, 31.095
Hunter-Lab	43.433, 74.359, 25.997
Binary	11110001, 00000010, 00100010

#f10222
```
#f10222 rgb(241,2,34)
```
#02f1d1
```
#02f1d1 rgb(2,241,209)
```

Complementary Color

#f1029a
```
#f1029a rgb(241,2,154)
```
#f10222
```
#f10222 rgb(241,2,34)
```
#f15a02
```
#f15a02 rgb(241,90,2)
```

Analogous Color

#029af1
```
#029af1 rgb(2,154,241)
```
#f10222
```
#f10222 rgb(241,2,34)
```
#02f15a
```
#02f15a rgb(2,241,90)
```

Split Complementary Color

#0222f1
```
#0222f1 rgb(2,34,241)
```
#f10222
```
#f10222 rgb(241,2,34)
```
#22f102
```
#22f102 rgb(34,241,2)
```

Triadic Color

#d102f1
```
#d102f1 rgb(209,2,241)
```
#f10222
```
#f10222 rgb(241,2,34)
```
#22f102
```
#22f102 rgb(34,241,2)
```
#02f1d1
```
#02f1d1 rgb(2,241,209)
```

Tetradic Color

#a50117
```
#a50117 rgb(165,1,23)
```
#be021b
```
#be021b rgb(190,2,27)
```
#d8021e
```
#d8021e rgb(216,2,30)
```
#f10222
```
#f10222 rgb(241,2,34)
```
#fd0f2f
```
#fd0f2f rgb(253,15,47)
```
#fd2945
```
#fd2945 rgb(253,41,69)
```
#fd425b
```
#fd425b rgb(253,66,91)
```

Monochromatic Color

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

#f1025e
```
#f1025e rgb(241,2,94)
```
#f1024a
```
#f1024a rgb(241,2,74)
```
#f10236
```
#f10236 rgb(241,2,54)
```
#f10222
```
#f10222 rgb(241,2,34)
```
#f1020e
```
#f1020e rgb(241,2,14)
```
#f10a02
```
#f10a02 rgb(241,10,2)
```
#f11e02
```
#f11e02 rgb(241,30,2)
```

Similar Colors

Text with hexadecimal color #f10222

This text has a font color of #f10222.

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

#f10222 background color

This paragraph has a background color of #f10222.

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

#f10222 border color

This element has a border color of #f10222.

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

CSS codes

.text {color:#f10222;}

.background {background-color:#f10222;}

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

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

#080001
```
#080001 rgb(8,0,1)
```
#1b0004
```
#1b0004 rgb(27,0,4)
```
#2e0007
```
#2e0007 rgb(46,0,7)
```
#420109
```
#420109 rgb(66,1,9)
```
#55010c
```
#55010c rgb(85,1,12)
```
#69010f
```
#69010f rgb(105,1,15)
```
#7c0112
```
#7c0112 rgb(124,1,18)
```
#900114
```
#900114 rgb(144,1,20)
```
#a30117
```
#a30117 rgb(163,1,23)
```
#b7021a
```
#b7021a rgb(183,2,26)
```
#ca021d
```
#ca021d rgb(202,2,29)
```
#de021f
```
#de021f rgb(222,2,31)
```
#f10222
```
#f10222 rgb(241,2,34)
```

Shade Color Variation

#fd0a2a
```
#fd0a2a rgb(253,10,42)
```
#fd1d3b
```
#fd1d3b rgb(253,29,59)
```
#fd314c
```
#fd314c rgb(253,49,76)
```
#fd445d
```
#fd445d rgb(253,68,93)
```
#fe576e
```
#fe576e rgb(254,87,110)
```
#fe6b7f
```
#fe6b7f rgb(254,107,127)
```
#fe7e8f
```
#fe7e8f rgb(254,126,143)
```
#fe92a0
```
#fe92a0 rgb(254,146,160)
```
#fea5b1
```
#fea5b1 rgb(254,165,177)
```
#feb9c2
```
#feb9c2 rgb(254,185,194)
```
#ffccd3
```
#ffccd3 rgb(255,204,211)
```
#ffe0e4
```
#ffe0e4 rgb(255,224,228)
```
#fff3f5
```
#fff3f5 rgb(255,243,245)
```

Tint Color Variation

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

#817274
```
#817274 rgb(129,114,116)
```
#8a696d
```
#8a696d rgb(138,105,109)
```
#945f66
```
#945f66 rgb(148,95,102)
```
#9d5660
```
#9d5660 rgb(157,86,96)
```
#a64d59
```
#a64d59 rgb(166,77,89)
```
#b04352
```
#b04352 rgb(176,67,82)
```
#b93a4b
```
#b93a4b rgb(185,58,75)
```
#c23144
```
#c23144 rgb(194,49,68)
```
#cc273d
```
#cc273d rgb(204,39,61)
```
#d51e37
```
#d51e37 rgb(213,30,55)
```
#de1530
```
#de1530 rgb(222,21,48)
```
#e80b29
```
#e80b29 rgb(232,11,41)
```
#f10222
```
#f10222 rgb(241,2,34)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#6e3e44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f42 Protanopia 1% of men
#9f790c Deuteranopia 1% of men
#f11900 Tritanopia 0.001% of the population

Trichromacy

#b05136 Protanomaly 1% of men, 0.01% of women
#bd4d14 Deuteranomaly 6% of men, 0.4% of women
#f1110c Tritanomaly 0.01% of the population

#f10222 hex color

#f10222 Color Information

#f10222 Color Conversion

Color Schemes with #f10222

Alternatives to #f10222

#f10222 Preview

Shades and Tints of #f10222

Tones of #f10222

Color Blindness Simulator