#f22701 hex color

In a RGB color space, hex #f22701 is composed of 94.9% red, 15.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 99.6% yellow and 5.1% black. It has a hue angle of 9.5 degrees, a saturation of 99.2% and a lightness of 47.6%. #f22701 color hex could be obtained by blending #ff4e02 with #e50000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 95
- G 15
- B 0
RGB color chart
- C 0
- M 84
- Y 100
- K 5
CMYK color chart

● #f22701 color description : Vivid red.

The hexadecimal color #f22701 has RGB values of R:242, G:39, B:1 and CMYK values of C:0, M:0.84, Y:1, K:0.05. Its decimal value is 15869697.

Hex triplet	f22701	`#f22701`
RGB Decimal	242, 39, 1	`rgb(242,39,1)`
RGB Percent	94.9, 15.3, 0.4	`rgb(94.9%,15.3%,0.4%)`
CMYK	0, 84, 100, 5
HSL	9.5°, 99.2, 47.6	`hsl(9.5,99.2%,47.6%)`
HSV (or HSB)	9.5°, 99.6, 94.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.214, 72.206, 64.953
XYZ	37.351, 20.335, 1.987
xyY	0.626, 0.341, 20.335
CIE-LCH	52.214, 97.122, 41.973
CIE-LUV	52.214, 156.84, 38.732
Hunter-Lab	45.095, 68.932, 28.954
Binary	11110010, 00100111, 00000001

#f22701
```
#f22701 rgb(242,39,1)
```
#01ccf2
```
#01ccf2 rgb(1,204,242)
```

Complementary Color

#f20154
```
#f20154 rgb(242,1,84)
```
#f22701
```
#f22701 rgb(242,39,1)
```
#f2a001
```
#f2a001 rgb(242,160,1)
```

Analogous Color

#0154f2
```
#0154f2 rgb(1,84,242)
```
#f22701
```
#f22701 rgb(242,39,1)
```
#01f2a0
```
#01f2a0 rgb(1,242,160)
```

Split Complementary Color

#2701f2
```
#2701f2 rgb(39,1,242)
```
#f22701
```
#f22701 rgb(242,39,1)
```
#01f227
```
#01f227 rgb(1,242,39)
```

Triadic Color

#f201cc
```
#f201cc rgb(242,1,204)
```
#f22701
```
#f22701 rgb(242,39,1)
```
#01f227
```
#01f227 rgb(1,242,39)
```
#01ccf2
```
#01ccf2 rgb(1,204,242)
```

Tetradic Color

#a61b01
```
#a61b01 rgb(166,27,1)
```
#bf1f01
```
#bf1f01 rgb(191,31,1)
```
#d92301
```
#d92301 rgb(217,35,1)
```
#f22701
```
#f22701 rgb(242,39,1)
```
#fe340e
```
#fe340e rgb(254,52,14)
```
#fe4a28
```
#fe4a28 rgb(254,74,40)
```
#fe5f41
```
#fe5f41 rgb(254,95,65)
```

Monochromatic Color

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

#f20117
```
#f20117 rgb(242,1,23)
```
#f20103
```
#f20103 rgb(242,1,3)
```
#f21301
```
#f21301 rgb(242,19,1)
```
#f22701
```
#f22701 rgb(242,39,1)
```
#f23b01
```
#f23b01 rgb(242,59,1)
```
#f24f01
```
#f24f01 rgb(242,79,1)
```
#f26301
```
#f26301 rgb(242,99,1)
```

Similar Colors

Text with hexadecimal color #f22701

This text has a font color of #f22701.

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

#f22701 background color

This paragraph has a background color of #f22701.

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

#f22701 border color

This element has a border color of #f22701.

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

CSS codes

.text {color:#f22701;}

.background {background-color:#f22701;}

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

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

#080100
```
#080100 rgb(8,1,0)
```
#1b0400
```
#1b0400 rgb(27,4,0)
```
#2f0800
```
#2f0800 rgb(47,8,0)
```
#420b00
```
#420b00 rgb(66,11,0)
```
#560e00
```
#560e00 rgb(86,14,0)
```
#691100
```
#691100 rgb(105,17,0)
```
#7d1401
```
#7d1401 rgb(125,20,1)
```
#901701
```
#901701 rgb(144,23,1)
```
#a41a01
```
#a41a01 rgb(164,26,1)
```
#b71e01
```
#b71e01 rgb(183,30,1)
```
#cb2101
```
#cb2101 rgb(203,33,1)
```
#de2401
```
#de2401 rgb(222,36,1)
```
#f22701
```
#f22701 rgb(242,39,1)
```

Shade Color Variation

#fe2f09
```
#fe2f09 rgb(254,47,9)
```
#fe401c
```
#fe401c rgb(254,64,28)
```
#fe5030
```
#fe5030 rgb(254,80,48)
```
#fe6143
```
#fe6143 rgb(254,97,67)
```
#fe7157
```
#fe7157 rgb(254,113,87)
```
#fe826a
```
#fe826a rgb(254,130,106)
```
#fe927e
```
#fe927e rgb(254,146,126)
```
#ffa391
```
#ffa391 rgb(255,163,145)
```
#ffb3a5
```
#ffb3a5 rgb(255,179,165)
```
#ffc4b8
```
#ffc4b8 rgb(255,196,184)
```
#ffd4cc
```
#ffd4cc rgb(255,212,204)
```
#ffe4e0
```
#ffe4e0 rgb(255,228,224)
```
#fff5f3
```
#fff5f3 rgb(255,245,243)
```

Tint Color Variation

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

#827471
```
#827471 rgb(130,116,113)
```
#8b6d68
```
#8b6d68 rgb(139,109,104)
```
#95675e
```
#95675e rgb(149,103,94)
```
#9e6155
```
#9e6155 rgb(158,97,85)
```
#a75a4c
```
#a75a4c rgb(167,90,76)
```
#b15442
```
#b15442 rgb(177,84,66)
```
#ba4d39
```
#ba4d39 rgb(186,77,57)
```
#c34730
```
#c34730 rgb(195,71,48)
```
#cd4126
```
#cd4126 rgb(205,65,38)
```
#d63a1d
```
#d63a1d rgb(214,58,29)
```
#df3414
```
#df3414 rgb(223,52,20)
```
#e92d0a
```
#e92d0a rgb(233,45,10)
```
#f22701
```
#f22701 rgb(242,39,1)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#7c544c Atypical Achromatopsia 0.001% of the population

Dichromacy

#928321 Protanopia 1% of men
#a37d00 Deuteranopia 1% of men
#f22f2e Tritanopia 0.001% of the population

Trichromacy

#b56115 Protanomaly 1% of men, 0.01% of women
#c05d00 Deuteranomaly 6% of men, 0.4% of women
#f22c1d Tritanomaly 0.01% of the population

#f22701 hex color

#f22701 Color Information

#f22701 Color Conversion

Color Schemes with #f22701

Alternatives to #f22701

#f22701 Preview

Shades and Tints of #f22701

Tones of #f22701

Color Blindness Simulator