#f5172f hex color

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

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

● #f5172f color description : Vivid red.

The hexadecimal color #f5172f has RGB values of R:245, G:23, B:47 and CMYK values of C:0, M:0.91, Y:0.81, K:0.04. Its decimal value is 16062255.

Hex triplet	f5172f	`#f5172f`
RGB Decimal	245, 23, 47	`rgb(245,23,47)`
RGB Percent	96.1, 9, 18.4	`rgb(96.1%,9%,18.4%)`
CMYK	0, 91, 81, 4
HSL	353.5°, 91.7, 52.5	`hsl(353.5,91.7%,52.5%)`
HSV (or HSB)	353.5°, 90.6, 96.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.102, 76.334, 47.918
XYZ	38.478, 20.236, 4.569
xyY	0.608, 0.32, 20.236
CIE-LCH	52.102, 90.128, 32.118
CIE-LUV	52.102, 159.063, 29.56
Hunter-Lab	44.984, 73.961, 25.467
Binary	11110101, 00010111, 00101111

#f5172f
```
#f5172f rgb(245,23,47)
```
#17f5dd
```
#17f5dd rgb(23,245,221)
```

Complementary Color

#f5179e
```
#f5179e rgb(245,23,158)
```
#f5172f
```
#f5172f rgb(245,23,47)
```
#f56e17
```
#f56e17 rgb(245,110,23)
```

Analogous Color

#179ef5
```
#179ef5 rgb(23,158,245)
```
#f5172f
```
#f5172f rgb(245,23,47)
```
#17f56e
```
#17f56e rgb(23,245,110)
```

Split Complementary Color

#172ff5
```
#172ff5 rgb(23,47,245)
```
#f5172f
```
#f5172f rgb(245,23,47)
```
#2ff517
```
#2ff517 rgb(47,245,23)
```

Triadic Color

#dd17f5
```
#dd17f5 rgb(221,23,245)
```
#f5172f
```
#f5172f rgb(245,23,47)
```
#2ff517
```
#2ff517 rgb(47,245,23)
```
#17f5dd
```
#17f5dd rgb(23,245,221)
```

Tetradic Color

#b8081b
```
#b8081b rgb(184,8,27)
```
#d0091e
```
#d0091e rgb(208,9,30)
```
#e80a22
```
#e80a22 rgb(232,10,34)
```
#f5172f
```
#f5172f rgb(245,23,47)
```
#f62f45
```
#f62f45 rgb(246,47,69)
```
#f7485b
```
#f7485b rgb(247,72,91)
```
#f86071
```
#f86071 rgb(248,96,113)
```

Monochromatic Color

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

#f51767
```
#f51767 rgb(245,23,103)
```
#f51754
```
#f51754 rgb(245,23,84)
```
#f51742
```
#f51742 rgb(245,23,66)
```
#f5172f
```
#f5172f rgb(245,23,47)
```
#f5171d
```
#f5171d rgb(245,23,29)
```
#f52417
```
#f52417 rgb(245,36,23)
```
#f53617
```
#f53617 rgb(245,54,23)
```

Similar Colors

Text with hexadecimal color #f5172f

This text has a font color of #f5172f.

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

#f5172f background color

This paragraph has a background color of #f5172f.

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

#f5172f border color

This element has a border color of #f5172f.

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

CSS codes

.text {color:#f5172f;}

.background {background-color:#f5172f;}

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

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)
```
#1f0105
```
#1f0105 rgb(31,1,5)
```
#320207
```
#320207 rgb(50,2,7)
```
#45030a
```
#45030a rgb(69,3,10)
```
#58040d
```
#58040d rgb(88,4,13)
```
#6a0510
```
#6a0510 rgb(106,5,16)
```
#7d0512
```
#7d0512 rgb(125,5,18)
```
#900615
```
#900615 rgb(144,6,21)
```
#a30718
```
#a30718 rgb(163,7,24)
```
#b6081b
```
#b6081b rgb(182,8,27)
```
#c9091d
```
#c9091d rgb(201,9,29)
```
#db0920
```
#db0920 rgb(219,9,32)
```
#ee0a23
```
#ee0a23 rgb(238,10,35)
```

Shade Color Variation

#f5172f
```
#f5172f rgb(245,23,47)
```
#f62a40
```
#f62a40 rgb(246,42,64)
```
#f73d51
```
#f73d51 rgb(247,61,81)
```
#f74f62
```
#f74f62 rgb(247,79,98)
```
#f86272
```
#f86272 rgb(248,98,114)
```
#f97583
```
#f97583 rgb(249,117,131)
```
#fa8894
```
#fa8894 rgb(250,136,148)
```
#fb9ba5
```
#fb9ba5 rgb(251,155,165)
```
#fbadb6
```
#fbadb6 rgb(251,173,182)
```
#fcc0c7
```
#fcc0c7 rgb(252,192,199)
```
#fdd3d8
```
#fdd3d8 rgb(253,211,216)
```
#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 #fe0e28 is the most saturated one.

#8f7d7f
```
#8f7d7f rgb(143,125,127)
```
#987478
```
#987478 rgb(152,116,120)
```
#a16b71
```
#a16b71 rgb(161,107,113)
```
#ab6169
```
#ab6169 rgb(171,97,105)
```
#b45862
```
#b45862 rgb(180,88,98)
```
#bd4f5b
```
#bd4f5b rgb(189,79,91)
```
#c64653
```
#c64653 rgb(198,70,83)
```
#d03c4c
```
#d03c4c rgb(208,60,76)
```
#d93345
```
#d93345 rgb(217,51,69)
```
#e22a3e
```
#e22a3e rgb(226,42,62)
```
#ec2036
```
#ec2036 rgb(236,32,54)
```
#f5172f
```
#f5172f rgb(245,23,47)
```
#fe0e28
```
#fe0e28 rgb(254,14,40)
```

Tone Color Variation

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

Dichromacy

#8e8350 Protanopia 1% of men
#a37c26 Deuteranopia 1% of men
#f52723 Tritanopia 0.001% of the population

Trichromacy

#b45b44 Protanomaly 1% of men, 0.01% of women
#c05729 Deuteranomaly 6% of men, 0.4% of women
#f52127 Tritanomaly 0.01% of the population

#f5172f hex color

#f5172f Color Information

#f5172f Color Conversion

Color Schemes with #f5172f

Alternatives to #f5172f

#f5172f Preview

Shades and Tints of #f5172f

Tones of #f5172f

Color Blindness Simulator