#f5422f hex color

In a RGB color space, hex #f5422f is composed of 96.1% red, 25.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 80.8% yellow and 3.9% black. It has a hue angle of 5.8 degrees, a saturation of 90.8% and a lightness of 57.3%. #f5422f color hex could be obtained by blending #ff845e with #eb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 26
- B 18
RGB color chart
- C 0
- M 73
- Y 81
- K 4
CMYK color chart

● #f5422f color description : Bright red.

The hexadecimal color #f5422f has RGB values of R:245, G:66, B:47 and CMYK values of C:0, M:0.73, Y:0.81, K:0.04. Its decimal value is 16073263.

Hex triplet	f5422f	`#f5422f`
RGB Decimal	245, 66, 47	`rgb(245,66,47)`
RGB Percent	96.1, 25.9, 18.4	`rgb(96.1%,25.9%,18.4%)`
CMYK	0, 73, 81, 4
HSL	5.8°, 90.8, 57.3	`hsl(5.8,90.8%,57.3%)`
HSV (or HSB)	5.8°, 80.8, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.603, 66.434, 51.282
XYZ	40.119, 23.519, 5.116
xyY	0.584, 0.342, 23.519
CIE-LCH	55.603, 83.924, 37.666
CIE-LUV	55.603, 141.13, 36.245
Hunter-Lab	48.496, 62.799, 27.692
Binary	11110101, 01000010, 00101111

#f5422f
```
#f5422f rgb(245,66,47)
```
#2fe2f5
```
#2fe2f5 rgb(47,226,245)
```

Complementary Color

#f52f7f
```
#f52f7f rgb(245,47,127)
```
#f5422f
```
#f5422f rgb(245,66,47)
```
#f5a52f
```
#f5a52f rgb(245,165,47)
```

Analogous Color

#2f7ff5
```
#2f7ff5 rgb(47,127,245)
```
#f5422f
```
#f5422f rgb(245,66,47)
```
#2ff5a5
```
#2ff5a5 rgb(47,245,165)
```

Split Complementary Color

#422ff5
```
#422ff5 rgb(66,47,245)
```
#f5422f
```
#f5422f rgb(245,66,47)
```
#2ff542
```
#2ff542 rgb(47,245,66)
```

Triadic Color

#f52fe2
```
#f52fe2 rgb(245,47,226)
```
#f5422f
```
#f5422f rgb(245,66,47)
```
#2ff542
```
#2ff542 rgb(47,245,66)
```
#2fe2f5
```
#2fe2f5 rgb(47,226,245)
```

Tetradic Color

#ce1d0a
```
#ce1d0a rgb(206,29,10)
```
#e6200b
```
#e6200b rgb(230,32,11)
```
#f42c17
```
#f42c17 rgb(244,44,23)
```
#f5422f
```
#f5422f rgb(245,66,47)
```
#f65847
```
#f65847 rgb(246,88,71)
```
#f76e60
```
#f76e60 rgb(247,110,96)
```
#f98478
```
#f98478 rgb(249,132,120)
```

Monochromatic Color

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

#f52f4d
```
#f52f4d rgb(245,47,77)
```
#f52f3d
```
#f52f3d rgb(245,47,61)
```
#f5322f
```
#f5322f rgb(245,50,47)
```
#f5422f
```
#f5422f rgb(245,66,47)
```
#f5532f
```
#f5532f rgb(245,83,47)
```
#f5632f
```
#f5632f rgb(245,99,47)
```
#f5742f
```
#f5742f rgb(245,116,47)
```

Similar Colors

Text with hexadecimal color #f5422f

This text has a font color of #f5422f.

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

#f5422f background color

This paragraph has a background color of #f5422f.

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

#f5422f border color

This element has a border color of #f5422f.

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

CSS codes

.text {color:#f5422f;}

.background {background-color:#f5422f;}

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

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

#110201
```
#110201 rgb(17,2,1)
```
#230502
```
#230502 rgb(35,5,2)
```
#360803
```
#360803 rgb(54,8,3)
```
#490a03
```
#490a03 rgb(73,10,3)
```
#5b0d04
```
#5b0d04 rgb(91,13,4)
```
#6e0f05
```
#6e0f05 rgb(110,15,5)
```
#811206
```
#811206 rgb(129,18,6)
```
#941507
```
#941507 rgb(148,21,7)
```
#a61708
```
#a61708 rgb(166,23,8)
```
#b91a09
```
#b91a09 rgb(185,26,9)
```
#cc1c0a
```
#cc1c0a rgb(204,28,10)
```
#de1f0b
```
#de1f0b rgb(222,31,11)
```
#f1220c
```
#f1220c rgb(241,34,12)
```

Shade Color Variation

#f4311c
```
#f4311c rgb(244,49,28)
```
#f5422f
```
#f5422f rgb(245,66,47)
```
#f65342
```
#f65342 rgb(246,83,66)
```
#f76454
```
#f76454 rgb(247,100,84)
```
#f87567
```
#f87567 rgb(248,117,103)
```
#f9867a
```
#f9867a rgb(249,134,122)
```
#f9978d
```
#f9978d rgb(249,151,141)
```
#faa89f
```
#faa89f rgb(250,168,159)
```
#fbb9b2
```
#fbb9b2 rgb(251,185,178)
```
#fccac5
```
#fccac5 rgb(252,202,197)
```
#fddbd7
```
#fddbd7 rgb(253,219,215)
```
#feecea
```
#feecea rgb(254,236,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#998d8b
```
#998d8b rgb(153,141,139)
```
#a18683
```
#a18683 rgb(161,134,131)
```
#aa7f7a
```
#aa7f7a rgb(170,127,122)
```
#b27872
```
#b27872 rgb(178,120,114)
```
#ba716a
```
#ba716a rgb(186,113,106)
```
#c36b61
```
#c36b61 rgb(195,107,97)
```
#cb6459
```
#cb6459 rgb(203,100,89)
```
#d35d51
```
#d35d51 rgb(211,93,81)
```
#dc5648
```
#dc5648 rgb(220,86,72)
```
#e45040
```
#e45040 rgb(228,80,64)
```
#ed4937
```
#ed4937 rgb(237,73,55)
```
#f5422f
```
#f5422f rgb(245,66,47)
```
#fd3b27
```
#fd3b27 rgb(253,59,39)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8f6b67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998b4a Protanopia 1% of men
#ad8428 Deuteranopia 1% of men
#f6494c Tritanopia 0.001% of the population

Trichromacy

#ba7040 Protanomaly 1% of men, 0.01% of women
#c76c2b Deuteranomaly 6% of men, 0.4% of women
#f54641 Tritanomaly 0.01% of the population

#f5422f hex color

#f5422f Color Information

#f5422f Color Conversion

Color Schemes with #f5422f

Alternatives to #f5422f

#f5422f Preview

Shades and Tints of #f5422f

Tones of #f5422f

Color Blindness Simulator