#f42522 hex color

In a RGB color space, hex #f42522 is composed of 95.7% red, 14.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 86.1% yellow and 4.3% black. It has a hue angle of 0.9 degrees, a saturation of 90.5% and a lightness of 54.5%. #f42522 color hex could be obtained by blending #ff4a44 with #e90000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 15
- B 13
RGB color chart
- C 0
- M 85
- Y 86
- K 4
CMYK color chart

● #f42522 color description : Vivid red.

The hexadecimal color #f42522 has RGB values of R:244, G:37, B:34 and CMYK values of C:0, M:0.85, Y:0.86, K:0.04. Its decimal value is 16000290.

Hex triplet	f42522	`#f42522`
RGB Decimal	244, 37, 34	`rgb(244,37,34)`
RGB Percent	95.7, 14.5, 13.3	`rgb(95.7%,14.5%,13.3%)`
CMYK	0, 85, 86, 4
HSL	0.9°, 90.5, 54.5	`hsl(0.9,90.5%,54.5%)`
HSV (or HSB)	0.9°, 86.1, 95.7
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.594, 73.519, 54.736
XYZ	38.261, 20.677, 3.49
xyY	0.613, 0.331, 20.677
CIE-LCH	52.594, 91.657, 36.668
CIE-LUV	52.594, 156.301, 34.318
Hunter-Lab	45.472, 70.618, 27.28
Binary	11110100, 00100101, 00100010

#f42522
```
#f42522 rgb(244,37,34)
```
#22f1f4
```
#22f1f4 rgb(34,241,244)
```

Complementary Color

#f42288
```
#f42288 rgb(244,34,136)
```
#f42522
```
#f42522 rgb(244,37,34)
```
#f48e22
```
#f48e22 rgb(244,142,34)
```

Analogous Color

#2288f4
```
#2288f4 rgb(34,136,244)
```
#f42522
```
#f42522 rgb(244,37,34)
```
#22f48e
```
#22f48e rgb(34,244,142)
```

Split Complementary Color

#2522f4
```
#2522f4 rgb(37,34,244)
```
#f42522
```
#f42522 rgb(244,37,34)
```
#22f425
```
#22f425 rgb(34,244,37)
```

Triadic Color

#f422f1
```
#f422f1 rgb(244,34,241)
```
#f42522
```
#f42522 rgb(244,37,34)
```
#22f425
```
#22f425 rgb(34,244,37)
```
#22f1f4
```
#22f1f4 rgb(34,241,244)
```

Tetradic Color

#c00c0a
```
#c00c0a rgb(192,12,10)
```
#d80e0b
```
#d80e0b rgb(216,14,11)
```
#f10f0c
```
#f10f0c rgb(241,15,12)
```
#f42522
```
#f42522 rgb(244,37,34)
```
#f53d3a
```
#f53d3a rgb(245,61,58)
```
#f65553
```
#f65553 rgb(246,85,83)
```
#f86d6b
```
#f86d6b rgb(248,109,107)
```

Monochromatic Color

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

#f42254
```
#f42254 rgb(244,34,84)
```
#f42242
```
#f42242 rgb(244,34,66)
```
#f42231
```
#f42231 rgb(244,34,49)
```
#f42522
```
#f42522 rgb(244,37,34)
```
#f43722
```
#f43722 rgb(244,55,34)
```
#f44822
```
#f44822 rgb(244,72,34)
```
#f45a22
```
#f45a22 rgb(244,90,34)
```

Similar Colors

Text with hexadecimal color #f42522

This text has a font color of #f42522.

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

#f42522 background color

This paragraph has a background color of #f42522.

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

#f42522 border color

This element has a border color of #f42522.

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

CSS codes

.text {color:#f42522;}

.background {background-color:#f42522;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160101
```
#160101 rgb(22,1,1)
```
#290302
```
#290302 rgb(41,3,2)
```
#3b0403
```
#3b0403 rgb(59,4,3)
```
#4e0504
```
#4e0504 rgb(78,5,4)
```
#610605
```
#610605 rgb(97,6,5)
```
#730706
```
#730706 rgb(115,7,6)
```
#860807
```
#860807 rgb(134,8,7)
```
#990a08
```
#990a08 rgb(153,10,8)
```
#ab0b09
```
#ab0b09 rgb(171,11,9)
```
#be0c09
```
#be0c09 rgb(190,12,9)
```
#d10d0a
```
#d10d0a rgb(209,13,10)
```
#e30e0b
```
#e30e0b rgb(227,14,11)
```

Shade Color Variation

#f3130f
```
#f3130f rgb(243,19,15)
```
#f42522
```
#f42522 rgb(244,37,34)
```
#f53735
```
#f53735 rgb(245,55,53)
```
#f64a47
```
#f64a47 rgb(246,74,71)
```
#f75c5a
```
#f75c5a rgb(247,92,90)
```
#f86f6d
```
#f86f6d rgb(248,111,109)
```
#f9817f
```
#f9817f rgb(249,129,127)
```
#fa9492
```
#fa9492 rgb(250,148,146)
```
#fba6a5
```
#fba6a5 rgb(251,166,165)
```
#fbb8b7
```
#fbb8b7 rgb(251,184,183)
```
#fccbca
```
#fccbca rgb(252,203,202)
```
#fddddd
```
#fddddd rgb(253,221,221)
```
#fef0f0
```
#fef0f0 rgb(254,240,240)
```

Tint Color Variation

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

#928484
```
#928484 rgb(146,132,132)
```
#9b7c7b
```
#9b7c7b rgb(155,124,123)
```
#a47372
```
#a47372 rgb(164,115,114)
```
#ad6a69
```
#ad6a69 rgb(173,106,105)
```
#b66260
```
#b66260 rgb(182,98,96)
```
#be5958
```
#be5958 rgb(190,89,88)
```
#c7504f
```
#c7504f rgb(199,80,79)
```
#d04846
```
#d04846 rgb(208,72,70)
```
#d93f3d
```
#d93f3d rgb(217,63,61)
```
#e23634
```
#e23634 rgb(226,54,52)
```
#eb2e2b
```
#eb2e2b rgb(235,46,43)
```
#f42522
```
#f42522 rgb(244,37,34)
```
#fd1c19
```
#fd1c19 rgb(253,28,25)
```

Tone Color Variation

Below, you can see how #f42522 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
#805756 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928440 Protanopia 1% of men
#a57d0d Deuteranopia 1% of men
#f4302e Tritanopia 0.001% of the population

Trichromacy

#b56135 Protanomaly 1% of men, 0.01% of women
#c25d14 Deuteranomaly 6% of men, 0.4% of women
#f42c2a Tritanomaly 0.01% of the population

#f42522 hex color

#f42522 Color Information

#f42522 Color Conversion

Color Schemes with #f42522

Alternatives to #f42522

#f42522 Preview

Shades and Tints of #f42522

Tones of #f42522

Color Blindness Simulator