#f5475e hex color

In a RGB color space, hex #f5475e is composed of 96.1% red, 27.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 61.6% yellow and 3.9% black. It has a hue angle of 352.1 degrees, a saturation of 89.7% and a lightness of 62%. #f5475e color hex could be obtained by blending #ff8ebc with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 28
- B 37
RGB color chart
- C 0
- M 71
- Y 62
- K 4
CMYK color chart

● #f5475e color description : Bright red.

The hexadecimal color #f5475e has RGB values of R:245, G:71, B:94 and CMYK values of C:0, M:0.71, Y:0.62, K:0.04. Its decimal value is 16074590.

Hex triplet	f5475e	`#f5475e`
RGB Decimal	245, 71, 94	`rgb(245,71,94)`
RGB Percent	96.1, 27.8, 36.9	`rgb(96.1%,27.8%,36.9%)`
CMYK	0, 71, 62, 4
HSL	352.1°, 89.7, 62	`hsl(352.1,89.7%,62%)`
HSV (or HSB)	352.1°, 71, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.813, 66.781, 26.668
XYZ	41.931, 24.732, 13.155
xyY	0.525, 0.31, 24.732
CIE-LCH	56.813, 71.909, 21.769
CIE-LUV	56.813, 127.721, 17.508
Hunter-Lab	49.731, 63.475, 19.128
Binary	11110101, 01000111, 01011110

#f5475e
```
#f5475e rgb(245,71,94)
```
#47f5de
```
#47f5de rgb(71,245,222)
```

Complementary Color

#f547b5
```
#f547b5 rgb(245,71,181)
```
#f5475e
```
#f5475e rgb(245,71,94)
```
#f58747
```
#f58747 rgb(245,135,71)
```

Analogous Color

#47b5f5
```
#47b5f5 rgb(71,181,245)
```
#f5475e
```
#f5475e rgb(245,71,94)
```
#47f587
```
#47f587 rgb(71,245,135)
```

Split Complementary Color

#475ef5
```
#475ef5 rgb(71,94,245)
```
#f5475e
```
#f5475e rgb(245,71,94)
```
#5ef547
```
#5ef547 rgb(94,245,71)
```

Triadic Color

#de47f5
```
#de47f5 rgb(222,71,245)
```
#f5475e
```
#f5475e rgb(245,71,94)
```
#5ef547
```
#5ef547 rgb(94,245,71)
```
#47f5de
```
#47f5de rgb(71,245,222)
```

Tetradic Color

#e30c29
```
#e30c29 rgb(227,12,41)
```
#f21734
```
#f21734 rgb(242,23,52)
```
#f42f49
```
#f42f49 rgb(244,47,73)
```
#f5475e
```
#f5475e rgb(245,71,94)
```
#f65f73
```
#f65f73 rgb(246,95,115)
```
#f87788
```
#f87788 rgb(248,119,136)
```
#f9909d
```
#f9909d rgb(249,144,157)
```

Monochromatic Color

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

#f5478a
```
#f5478a rgb(245,71,138)
```
#f5477b
```
#f5477b rgb(245,71,123)
```
#f5476d
```
#f5476d rgb(245,71,109)
```
#f5475e
```
#f5475e rgb(245,71,94)
```
#f5474f
```
#f5474f rgb(245,71,79)
```
#f54d47
```
#f54d47 rgb(245,77,71)
```
#f55c47
```
#f55c47 rgb(245,92,71)
```

Similar Colors

Text with hexadecimal color #f5475e

This text has a font color of #f5475e.

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

#f5475e background color

This paragraph has a background color of #f5475e.

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

#f5475e border color

This element has a border color of #f5475e.

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

CSS codes

.text {color:#f5475e;}

.background {background-color:#f5475e;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150104
```
#150104 rgb(21,1,4)
```
#270207
```
#270207 rgb(39,2,7)
```
#3a030a
```
#3a030a rgb(58,3,10)
```
#4c040e
```
#4c040e rgb(76,4,14)
```
#5f0511
```
#5f0511 rgb(95,5,17)
```
#720614
```
#720614 rgb(114,6,20)
```
#840718
```
#840718 rgb(132,7,24)
```
#97081b
```
#97081b rgb(151,8,27)
```
#a9091e
```
#a9091e rgb(169,9,30)
```
#bc0a22
```
#bc0a22 rgb(188,10,34)
```
#cf0b25
```
#cf0b25 rgb(207,11,37)
```
#e10c28
```
#e10c28 rgb(225,12,40)
```

Shade Color Variation

#f20f2d
```
#f20f2d rgb(242,15,45)
```
#f3223d
```
#f3223d rgb(243,34,61)
```
#f4344e
```
#f4344e rgb(244,52,78)
```
#f5475e
```
#f5475e rgb(245,71,94)
```
#f65a6e
```
#f65a6e rgb(246,90,110)
```
#f76c7f
```
#f76c7f rgb(247,108,127)
```
#f87f8f
```
#f87f8f rgb(248,127,143)
```
#f9919f
```
#f9919f rgb(249,145,159)
```
#faa4af
```
#faa4af rgb(250,164,175)
```
#fbb7c0
```
#fbb7c0 rgb(251,183,192)
```
#fcc9d0
```
#fcc9d0 rgb(252,201,208)
```
#fddce0
```
#fddce0 rgb(253,220,224)
```
#feeef1
```
#feeef1 rgb(254,238,241)
```

Tint Color Variation

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

#a3999a
```
#a3999a rgb(163,153,154)
```
#aa9295
```
#aa9295 rgb(170,146,149)
```
#b28a8f
```
#b28a8f rgb(178,138,143)
```
#b9838a
```
#b9838a rgb(185,131,138)
```
#c17b84
```
#c17b84 rgb(193,123,132)
```
#c8747f
```
#c8747f rgb(200,116,127)
```
#d06c79
```
#d06c79 rgb(208,108,121)
```
#d76574
```
#d76574 rgb(215,101,116)
```
#df5d6e
```
#df5d6e rgb(223,93,110)
```
#e65669
```
#e65669 rgb(230,86,105)
```
#ee4e63
```
#ee4e63 rgb(238,78,99)
```
#f5475e
```
#f5475e rgb(245,71,94)
```
#fc4059
```
#fc4059 rgb(252,64,89)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#967378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948e7e Protanopia 1% of men
#ab885b Deuteranopia 1% of men
#f45357 Tritanopia 0.001% of the population

Trichromacy

#b77472 Protanomaly 1% of men, 0.01% of women
#c5705c Deuteranomaly 6% of men, 0.4% of women
#f44e59 Tritanomaly 0.01% of the population

#f5475e hex color

#f5475e Color Information

#f5475e Color Conversion

Color Schemes with #f5475e

Alternatives to #f5475e

#f5475e Preview

Shades and Tints of #f5475e

Tones of #f5475e

Color Blindness Simulator