#f5422e hex color

In a RGB color space, hex #f5422e is composed of 96.1% red, 25.9% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 81.2% yellow and 3.9% black. It has a hue angle of 6 degrees, a saturation of 90.9% and a lightness of 57.1%. #f5422e color hex could be obtained by blending #ff845c 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

● #f5422e color description : Bright red.

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

Hex triplet	f5422e	`#f5422e`
RGB Decimal	245, 66, 46	`rgb(245,66,46)`
RGB Percent	96.1, 25.9, 18	`rgb(96.1%,25.9%,18%)`
CMYK	0, 73, 81, 4
HSL	6°, 90.9, 57.1	`hsl(6,90.9%,57.1%)`
HSV (or HSB)	6°, 81.2, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.595, 66.406, 51.766
XYZ	40.1, 23.511, 5.011
xyY	0.584, 0.343, 23.511
CIE-LCH	55.595, 84.199, 37.937
CIE-LUV	55.595, 141.285, 36.531
Hunter-Lab	48.488, 62.765, 27.814
Binary	11110101, 01000010, 00101110

#f5422e
```
#f5422e rgb(245,66,46)
```
#2ee1f5
```
#2ee1f5 rgb(46,225,245)
```

Complementary Color

#f52e7e
```
#f52e7e rgb(245,46,126)
```
#f5422e
```
#f5422e rgb(245,66,46)
```
#f5a62e
```
#f5a62e rgb(245,166,46)
```

Analogous Color

#2e7ef5
```
#2e7ef5 rgb(46,126,245)
```
#f5422e
```
#f5422e rgb(245,66,46)
```
#2ef5a6
```
#2ef5a6 rgb(46,245,166)
```

Split Complementary Color

#422ef5
```
#422ef5 rgb(66,46,245)
```
#f5422e
```
#f5422e rgb(245,66,46)
```
#2ef542
```
#2ef542 rgb(46,245,66)
```

Triadic Color

#f52ee1
```
#f52ee1 rgb(245,46,225)
```
#f5422e
```
#f5422e rgb(245,66,46)
```
#2ef542
```
#2ef542 rgb(46,245,66)
```
#2ee1f5
```
#2ee1f5 rgb(46,225,245)
```

Tetradic Color

#cd1d0a
```
#cd1d0a rgb(205,29,10)
```
#e5210b
```
#e5210b rgb(229,33,11)
```
#f42c16
```
#f42c16 rgb(244,44,22)
```
#f5422e
```
#f5422e rgb(245,66,46)
```
#f65846
```
#f65846 rgb(246,88,70)
```
#f76e5f
```
#f76e5f rgb(247,110,95)
```
#f88477
```
#f88477 rgb(248,132,119)
```

Monochromatic Color

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

#f52e4c
```
#f52e4c rgb(245,46,76)
```
#f52e3b
```
#f52e3b rgb(245,46,59)
```
#f5312e
```
#f5312e rgb(245,49,46)
```
#f5422e
```
#f5422e rgb(245,66,46)
```
#f5532e
```
#f5532e rgb(245,83,46)
```
#f5632e
```
#f5632e rgb(245,99,46)
```
#f5742e
```
#f5742e rgb(245,116,46)
```

Similar Colors

Text with hexadecimal color #f5422e

This text has a font color of #f5422e.

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

#f5422e background color

This paragraph has a background color of #f5422e.

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

#f5422e border color

This element has a border color of #f5422e.

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

CSS codes

.text {color:#f5422e;}

.background {background-color:#f5422e;}

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

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

#100201
```
#100201 rgb(16,2,1)
```
#220502
```
#220502 rgb(34,5,2)
```
#350803
```
#350803 rgb(53,8,3)
```
#480a03
```
#480a03 rgb(72,10,3)
```
#5b0d04
```
#5b0d04 rgb(91,13,4)
```
#6d1005
```
#6d1005 rgb(109,16,5)
```
#801206
```
#801206 rgb(128,18,6)
```
#931507
```
#931507 rgb(147,21,7)
```
#a51808
```
#a51808 rgb(165,24,8)
```
#b81a09
```
#b81a09 rgb(184,26,9)
```
#cb1d0a
```
#cb1d0a rgb(203,29,10)
```
#de200b
```
#de200b rgb(222,32,11)
```
#f0220b
```
#f0220b rgb(240,34,11)
```

Shade Color Variation

#f4311b
```
#f4311b rgb(244,49,27)
```
#f5422e
```
#f5422e rgb(245,66,46)
```
#f65341
```
#f65341 rgb(246,83,65)
```
#f76453
```
#f76453 rgb(247,100,83)
```
#f87566
```
#f87566 rgb(248,117,102)
```
#f98679
```
#f98679 rgb(249,134,121)
```
#f9978c
```
#f9978c rgb(249,151,140)
```
#faa89e
```
#faa89e rgb(250,168,158)
```
#fbb8b1
```
#fbb8b1 rgb(251,184,177)
```
#fcc9c4
```
#fcc9c4 rgb(252,201,196)
```
#fddad6
```
#fddad6 rgb(253,218,214)
```
#feebe9
```
#feebe9 rgb(254,235,233)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#988c8b
```
#988c8b rgb(152,140,139)
```
#a18582
```
#a18582 rgb(161,133,130)
```
#a97f7a
```
#a97f7a rgb(169,127,122)
```
#b27871
```
#b27871 rgb(178,120,113)
```
#ba7169
```
#ba7169 rgb(186,113,105)
```
#c26a61
```
#c26a61 rgb(194,106,97)
```
#cb6458
```
#cb6458 rgb(203,100,88)
```
#d35d50
```
#d35d50 rgb(211,93,80)
```
#dc5647
```
#dc5647 rgb(220,86,71)
```
#e44f3f
```
#e44f3f rgb(228,79,63)
```
#ed4936
```
#ed4936 rgb(237,73,54)
```
#f5422e
```
#f5422e rgb(245,66,46)
```
#fd3b26
```
#fd3b26 rgb(253,59,38)
```

Tone Color Variation

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

#998b49 Protanopia 1% of men
#ad8427 Deuteranopia 1% of men
#f6494c Tritanopia 0.001% of the population

Trichromacy

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

#f5422e hex color

#f5422e Color Information

#f5422e Color Conversion

Color Schemes with #f5422e

Alternatives to #f5422e

#f5422e Preview

Shades and Tints of #f5422e

Tones of #f5422e

Color Blindness Simulator