#ff0f22 hex color

In a RGB color space, hex #ff0f22 is composed of 100% red, 5.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.1% magenta, 86.7% yellow and 0% black. It has a hue angle of 355.3 degrees, a saturation of 100% and a lightness of 52.9%. #ff0f22 color hex could be obtained by blending #ff1e44 with #ff0000. Closest websafe color is: #ff0033.

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

● #ff0f22 color description : Vivid red.

The hexadecimal color #ff0f22 has RGB values of R:255, G:15, B:34 and CMYK values of C:0, M:0.94, Y:0.87, K:0. Its decimal value is 16715554.

Hex triplet	ff0f22	`#ff0f22`
RGB Decimal	255, 15, 34	`rgb(255,15,34)`
RGB Percent	100, 5.9, 13.3	`rgb(100%,5.9%,13.3%)`
CMYK	0, 94, 87, 0
HSL	355.3°, 100, 52.9	`hsl(355.3,100%,52.9%)`
HSV (or HSB)	355.3°, 94.1, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.732, 79.368, 56.572
XYZ	41.702, 21.723, 3.511
xyY	0.623, 0.325, 21.723
CIE-LCH	53.732, 97.466, 35.48
CIE-LUV	53.732, 169.992, 34.066
Hunter-Lab	46.608, 78.148, 28.16
Binary	11111111, 00001111, 00100010

#ff0f22
```
#ff0f22 rgb(255,15,34)
```
#0fffec
```
#0fffec rgb(15,255,236)
```

Complementary Color

#ff0f9a
```
#ff0f9a rgb(255,15,154)
```
#ff0f22
```
#ff0f22 rgb(255,15,34)
```
#ff740f
```
#ff740f rgb(255,116,15)
```

Analogous Color

#0f9aff
```
#0f9aff rgb(15,154,255)
```
#ff0f22
```
#ff0f22 rgb(255,15,34)
```
#0fff74
```
#0fff74 rgb(15,255,116)
```

Split Complementary Color

#0f22ff
```
#0f22ff rgb(15,34,255)
```
#ff0f22
```
#ff0f22 rgb(255,15,34)
```
#22ff0f
```
#22ff0f rgb(34,255,15)
```

Triadic Color

#ec0fff
```
#ec0fff rgb(236,15,255)
```
#ff0f22
```
#ff0f22 rgb(255,15,34)
```
#22ff0f
```
#22ff0f rgb(34,255,15)
```
#0fffec
```
#0fffec rgb(15,255,236)
```

Tetradic Color

#c2000f
```
#c2000f rgb(194,0,15)
```
#db0011
```
#db0011 rgb(219,0,17)
```
#f50013
```
#f50013 rgb(245,0,19)
```
#ff0f22
```
#ff0f22 rgb(255,15,34)
```
#ff2939
```
#ff2939 rgb(255,41,57)
```
#ff4251
```
#ff4251 rgb(255,66,81)
```
#ff5c68
```
#ff5c68 rgb(255,92,104)
```

Monochromatic Color

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

#ff0f5e
```
#ff0f5e rgb(255,15,94)
```
#ff0f4a
```
#ff0f4a rgb(255,15,74)
```
#ff0f36
```
#ff0f36 rgb(255,15,54)
```
#ff0f22
```
#ff0f22 rgb(255,15,34)
```
#ff100f
```
#ff100f rgb(255,16,15)
```
#ff240f
```
#ff240f rgb(255,36,15)
```
#ff380f
```
#ff380f rgb(255,56,15)
```

Similar Colors

Text with hexadecimal color #ff0f22

This text has a font color of #ff0f22.

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

#ff0f22 background color

This paragraph has a background color of #ff0f22.

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

#ff0f22 border color

This element has a border color of #ff0f22.

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

CSS codes

.text {color:#ff0f22;}

.background {background-color:#ff0f22;}

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

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

#0f0001
```
#0f0001 rgb(15,0,1)
```
#230003
```
#230003 rgb(35,0,3)
```
#360004
```
#360004 rgb(54,0,4)
```
#4a0006
```
#4a0006 rgb(74,0,6)
```
#5d0007
```
#5d0007 rgb(93,0,7)
```
#710009
```
#710009 rgb(113,0,9)
```
#85000b
```
#85000b rgb(133,0,11)
```
#98000c
```
#98000c rgb(152,0,12)
```
#ac000e
```
#ac000e rgb(172,0,14)
```
#c0000f
```
#c0000f rgb(192,0,15)
```
#d30011
```
#d30011 rgb(211,0,17)
```
#e70012
```
#e70012 rgb(231,0,18)
```
#fa0014
```
#fa0014 rgb(250,0,20)
```

Shade Color Variation

#ff0f22
```
#ff0f22 rgb(255,15,34)
```
#ff2334
```
#ff2334 rgb(255,35,52)
```
#ff3646
```
#ff3646 rgb(255,54,70)
```
#ff4a58
```
#ff4a58 rgb(255,74,88)
```
#ff5d6a
```
#ff5d6a rgb(255,93,106)
```
#ff717c
```
#ff717c rgb(255,113,124)
```
#ff858e
```
#ff858e rgb(255,133,142)
```
#ff98a0
```
#ff98a0 rgb(255,152,160)
```
#ffacb3
```
#ffacb3 rgb(255,172,179)
```
#ffc0c5
```
#ffc0c5 rgb(255,192,197)
```
#ffd3d7
```
#ffd3d7 rgb(255,211,215)
```
#ffe7e9
```
#ffe7e9 rgb(255,231,233)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#907e7f
```
#907e7f rgb(144,126,127)
```
#997577
```
#997577 rgb(153,117,119)
```
#a36b70
```
#a36b70 rgb(163,107,112)
```
#ac6268
```
#ac6268 rgb(172,98,104)
```
#b55960
```
#b55960 rgb(181,89,96)
```
#be5058
```
#be5058 rgb(190,80,88)
```
#c84651
```
#c84651 rgb(200,70,81)
```
#d13d49
```
#d13d49 rgb(209,61,73)
```
#da3441
```
#da3441 rgb(218,52,65)
```
#e32b39
```
#e32b39 rgb(227,43,57)
```
#ed2132
```
#ed2132 rgb(237,33,50)
```
#f6182a
```
#f6182a rgb(246,24,42)
```
#ff0f22
```
#ff0f22 rgb(255,15,34)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#7a4a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#958742 Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#fe1f15 Tritanopia 0.001% of the population

Trichromacy

#bb5b36 Protanomaly 1% of men, 0.01% of women
#c8570c Deuteranomaly 6% of men, 0.4% of women
#fe191a Tritanomaly 0.01% of the population

#ff0f22 hex color

#ff0f22 Color Information

#ff0f22 Color Conversion

Color Schemes with #ff0f22

Alternatives to #ff0f22

#ff0f22 Preview

Shades and Tints of #ff0f22

Tones of #ff0f22

Color Blindness Simulator