#f5172a hex color

In a RGB color space, hex #f5172a is composed of 96.1% red, 9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.6% magenta, 82.9% yellow and 3.9% black. It has a hue angle of 354.9 degrees, a saturation of 91.7% and a lightness of 52.5%. #f5172a color hex could be obtained by blending #ff2e54 with #eb0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 96
- G 9
- B 16
RGB color chart
- C 0
- M 91
- Y 83
- K 4
CMYK color chart

● #f5172a color description : Vivid red.

The hexadecimal color #f5172a has RGB values of R:245, G:23, B:42 and CMYK values of C:0, M:0.91, Y:0.83, K:0.04. Its decimal value is 16062250.

Hex triplet	f5172a	`#f5172a`
RGB Decimal	245, 23, 42	`rgb(245,23,42)`
RGB Percent	96.1, 9, 16.5	`rgb(96.1%,9%,16.5%)`
CMYK	0, 91, 83, 4
HSL	354.9°, 91.7, 52.5	`hsl(354.9,91.7%,52.5%)`
HSV (or HSB)	354.9°, 90.6, 96.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.06, 76.213, 50.484
XYZ	38.383, 20.197, 4.068
xyY	0.613, 0.322, 20.197
CIE-LCH	52.06, 91.417, 33.521
CIE-LUV	52.06, 160, 31.006
Hunter-Lab	44.942, 73.801, 26.092
Binary	11110101, 00010111, 00101010

#f5172a
```
#f5172a rgb(245,23,42)
```
#17f5e2
```
#17f5e2 rgb(23,245,226)
```

Complementary Color

#f51799
```
#f51799 rgb(245,23,153)
```
#f5172a
```
#f5172a rgb(245,23,42)
```
#f57317
```
#f57317 rgb(245,115,23)
```

Analogous Color

#1799f5
```
#1799f5 rgb(23,153,245)
```
#f5172a
```
#f5172a rgb(245,23,42)
```
#17f573
```
#17f573 rgb(23,245,115)
```

Split Complementary Color

#172af5
```
#172af5 rgb(23,42,245)
```
#f5172a
```
#f5172a rgb(245,23,42)
```
#2af517
```
#2af517 rgb(42,245,23)
```

Triadic Color

#e217f5
```
#e217f5 rgb(226,23,245)
```
#f5172a
```
#f5172a rgb(245,23,42)
```
#2af517
```
#2af517 rgb(42,245,23)
```
#17f5e2
```
#17f5e2 rgb(23,245,226)
```

Tetradic Color

#b80817
```
#b80817 rgb(184,8,23)
```
#d0091a
```
#d0091a rgb(208,9,26)
```
#e80a1d
```
#e80a1d rgb(232,10,29)
```
#f5172a
```
#f5172a rgb(245,23,42)
```
#f62f40
```
#f62f40 rgb(246,47,64)
```
#f74857
```
#f74857 rgb(247,72,87)
```
#f8606d
```
#f8606d rgb(248,96,109)
```

Monochromatic Color

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

#f51762
```
#f51762 rgb(245,23,98)
```
#f5174f
```
#f5174f rgb(245,23,79)
```
#f5173d
```
#f5173d rgb(245,23,61)
```
#f5172a
```
#f5172a rgb(245,23,42)
```
#f51718
```
#f51718 rgb(245,23,24)
```
#f52917
```
#f52917 rgb(245,41,23)
```
#f53b17
```
#f53b17 rgb(245,59,23)
```

Similar Colors

Text with hexadecimal color #f5172a

This text has a font color of #f5172a.

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

#f5172a background color

This paragraph has a background color of #f5172a.

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

#f5172a border color

This element has a border color of #f5172a.

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

CSS codes

.text {color:#f5172a;}

.background {background-color:#f5172a;}

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

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, #0c0102 is the darkest color, while #fff9f9 is the lightest one.

#0c0102
```
#0c0102 rgb(12,1,2)
```
#1f0104
```
#1f0104 rgb(31,1,4)
```
#320206
```
#320206 rgb(50,2,6)
```
#450309
```
#450309 rgb(69,3,9)
```
#58040b
```
#58040b rgb(88,4,11)
```
#6a050d
```
#6a050d rgb(106,5,13)
```
#7d0510
```
#7d0510 rgb(125,5,16)
```
#900612
```
#900612 rgb(144,6,18)
```
#a30714
```
#a30714 rgb(163,7,20)
```
#b60817
```
#b60817 rgb(182,8,23)
```
#c90919
```
#c90919 rgb(201,9,25)
```
#db091b
```
#db091b rgb(219,9,27)
```
#ee0a1e
```
#ee0a1e rgb(238,10,30)
```

Shade Color Variation

#f5172a
```
#f5172a rgb(245,23,42)
```
#f62a3b
```
#f62a3b rgb(246,42,59)
```
#f73d4d
```
#f73d4d rgb(247,61,77)
```
#f74f5e
```
#f74f5e rgb(247,79,94)
```
#f8626f
```
#f8626f rgb(248,98,111)
```
#f97580
```
#f97580 rgb(249,117,128)
```
#fa8892
```
#fa8892 rgb(250,136,146)
```
#fb9ba3
```
#fb9ba3 rgb(251,155,163)
```
#fbadb4
```
#fbadb4 rgb(251,173,180)
```
#fcc0c5
```
#fcc0c5 rgb(252,192,197)
```
#fdd3d7
```
#fdd3d7 rgb(253,211,215)
```
#fee6e8
```
#fee6e8 rgb(254,230,232)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#8f7d7f
```
#8f7d7f rgb(143,125,127)
```
#987477
```
#987477 rgb(152,116,119)
```
#a16b6f
```
#a16b6f rgb(161,107,111)
```
#ab6168
```
#ab6168 rgb(171,97,104)
```
#b45860
```
#b45860 rgb(180,88,96)
```
#bd4f58
```
#bd4f58 rgb(189,79,88)
```
#c64651
```
#c64651 rgb(198,70,81)
```
#d03c49
```
#d03c49 rgb(208,60,73)
```
#d93341
```
#d93341 rgb(217,51,65)
```
#e22a39
```
#e22a39 rgb(226,42,57)
```
#ec2032
```
#ec2032 rgb(236,32,50)
```
#f5172a
```
#f5172a rgb(245,23,42)
```
#fe0e22
```
#fe0e22 rgb(254,14,34)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7b4e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f834a Protanopia 1% of men
#a37c1e Deuteranopia 1% of men
#f52622 Tritanopia 0.001% of the population

Trichromacy

#b45b3e Protanomaly 1% of men, 0.01% of women
#c15722 Deuteranomaly 6% of men, 0.4% of women
#f52125 Tritanomaly 0.01% of the population

#f5172a hex color

#f5172a Color Information

#f5172a Color Conversion

Color Schemes with #f5172a

Alternatives to #f5172a

#f5172a Preview

Shades and Tints of #f5172a

Tones of #f5172a

Color Blindness Simulator