#f22601 hex color

In a RGB color space, hex #f22601 is composed of 94.9% red, 14.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.3% magenta, 99.6% yellow and 5.1% black. It has a hue angle of 9.2 degrees, a saturation of 99.2% and a lightness of 47.6%. #f22601 color hex could be obtained by blending #ff4c02 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

● #f22601 color description : Vivid red.

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

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

CIE-LAB	52.142, 72.413, 64.924
XYZ	37.319, 20.271, 1.976
xyY	0.627, 0.34, 20.271
CIE-LCH	52.142, 97.256, 41.879
CIE-LUV	52.142, 157.237, 38.603
Hunter-Lab	45.023, 69.166, 28.913
Binary	11110010, 00100110, 00000001

#f22601
```
#f22601 rgb(242,38,1)
```
#01cdf2
```
#01cdf2 rgb(1,205,242)
```

Complementary Color

#f20155
```
#f20155 rgb(242,1,85)
```
#f22601
```
#f22601 rgb(242,38,1)
```
#f29f01
```
#f29f01 rgb(242,159,1)
```

Analogous Color

#0154f2
```
#0154f2 rgb(1,84,242)
```
#f22601
```
#f22601 rgb(242,38,1)
```
#01f29f
```
#01f29f rgb(1,242,159)
```

Split Complementary Color

#2601f2
```
#2601f2 rgb(38,1,242)
```
#f22601
```
#f22601 rgb(242,38,1)
```
#01f226
```
#01f226 rgb(1,242,38)
```

Triadic Color

#f201cd
```
#f201cd rgb(242,1,205)
```
#f22601
```
#f22601 rgb(242,38,1)
```
#01f226
```
#01f226 rgb(1,242,38)
```
#01cdf2
```
#01cdf2 rgb(1,205,242)
```

Tetradic Color

#a61a01
```
#a61a01 rgb(166,26,1)
```
#bf1e01
```
#bf1e01 rgb(191,30,1)
```
#d92201
```
#d92201 rgb(217,34,1)
```
#f22601
```
#f22601 rgb(242,38,1)
```
#fe330e
```
#fe330e rgb(254,51,14)
```
#fe4928
```
#fe4928 rgb(254,73,40)
```
#fe5e41
```
#fe5e41 rgb(254,94,65)
```

Monochromatic Color

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

#f20118
```
#f20118 rgb(242,1,24)
```
#f20104
```
#f20104 rgb(242,1,4)
```
#f21201
```
#f21201 rgb(242,18,1)
```
#f22601
```
#f22601 rgb(242,38,1)
```
#f23a01
```
#f23a01 rgb(242,58,1)
```
#f24e01
```
#f24e01 rgb(242,78,1)
```
#f26201
```
#f26201 rgb(242,98,1)
```

Similar Colors

Text with hexadecimal color #f22601

This text has a font color of #f22601.

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

#f22601 background color

This paragraph has a background color of #f22601.

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

#f22601 border color

This element has a border color of #f22601.

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

CSS codes

.text {color:#f22601;}

.background {background-color:#f22601;}

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

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)
```
#2f0700
```
#2f0700 rgb(47,7,0)
```
#420a00
```
#420a00 rgb(66,10,0)
```
#560d00
```
#560d00 rgb(86,13,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)
```
#b71d01
```
#b71d01 rgb(183,29,1)
```
#cb2001
```
#cb2001 rgb(203,32,1)
```
#de2301
```
#de2301 rgb(222,35,1)
```
#f22601
```
#f22601 rgb(242,38,1)
```

Shade Color Variation

#fe2e09
```
#fe2e09 rgb(254,46,9)
```
#fe3f1c
```
#fe3f1c rgb(254,63,28)
```
#fe4f30
```
#fe4f30 rgb(254,79,48)
```
#fe6043
```
#fe6043 rgb(254,96,67)
```
#fe7057
```
#fe7057 rgb(254,112,87)
```
#fe816a
```
#fe816a rgb(254,129,106)
```
#fe927e
```
#fe927e rgb(254,146,126)
```
#ffa291
```
#ffa291 rgb(255,162,145)
```
#ffb3a5
```
#ffb3a5 rgb(255,179,165)
```
#ffc3b8
```
#ffc3b8 rgb(255,195,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 #f22601 is the most saturated one.

#827471
```
#827471 rgb(130,116,113)
```
#8b6d68
```
#8b6d68 rgb(139,109,104)
```
#95675e
```
#95675e rgb(149,103,94)
```
#9e6055
```
#9e6055 rgb(158,96,85)
```
#a75a4c
```
#a75a4c rgb(167,90,76)
```
#b15342
```
#b15342 rgb(177,83,66)
```
#ba4d39
```
#ba4d39 rgb(186,77,57)
```
#c34630
```
#c34630 rgb(195,70,48)
```
#cd4026
```
#cd4026 rgb(205,64,38)
```
#d6391d
```
#d6391d rgb(214,57,29)
```
#df3314
```
#df3314 rgb(223,51,20)
```
#e92c0a
```
#e92c0a rgb(233,44,10)
```
#f22601
```
#f22601 rgb(242,38,1)
```

Tone Color Variation

Below, you can see how #f22601 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
#f22e2c 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
#f22b1c Tritanomaly 0.01% of the population

#f22601 hex color

#f22601 Color Information

#f22601 Color Conversion

Color Schemes with #f22601

Alternatives to #f22601

#f22601 Preview

Shades and Tints of #f22601

Tones of #f22601

Color Blindness Simulator