#f5344a hex color

In a RGB color space, hex #f5344a is composed of 96.1% red, 20.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.8% magenta, 69.8% yellow and 3.9% black. It has a hue angle of 353.2 degrees, a saturation of 90.6% and a lightness of 58.2%. #f5344a color hex could be obtained by blending #ff6894 with #eb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 20
- B 29
RGB color chart
- C 0
- M 79
- Y 70
- K 4
CMYK color chart

● #f5344a color description : Bright red.

The hexadecimal color #f5344a has RGB values of R:245, G:52, B:74 and CMYK values of C:0, M:0.79, Y:0.7, K:0.04. Its decimal value is 16069706.

Hex triplet	f5344a	`#f5344a`
RGB Decimal	245, 52, 74	`rgb(245,52,74)`
RGB Percent	96.1, 20.4, 29	`rgb(96.1%,20.4%,29%)`
CMYK	0, 79, 70, 4
HSL	353.2°, 90.6, 58.2	`hsl(353.2,90.6%,58.2%)`
HSV (or HSB)	353.2°, 78.8, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.415, 71.562, 35.319
XYZ	40.122, 22.368, 8.683
xyY	0.564, 0.314, 22.368
CIE-LCH	54.415, 79.803, 26.268
CIE-LUV	54.415, 142.679, 23.22
Hunter-Lab	47.295, 68.664, 22.221
Binary	11110101, 00110100, 01001010

#f5344a
```
#f5344a rgb(245,52,74)
```
#34f5df
```
#34f5df rgb(52,245,223)
```

Complementary Color

#f534ab
```
#f534ab rgb(245,52,171)
```
#f5344a
```
#f5344a rgb(245,52,74)
```
#f57f34
```
#f57f34 rgb(245,127,52)
```

Analogous Color

#34abf5
```
#34abf5 rgb(52,171,245)
```
#f5344a
```
#f5344a rgb(245,52,74)
```
#34f57f
```
#34f57f rgb(52,245,127)
```

Split Complementary Color

#344af5
```
#344af5 rgb(52,74,245)
```
#f5344a
```
#f5344a rgb(245,52,74)
```
#4af534
```
#4af534 rgb(74,245,52)
```

Triadic Color

#df34f5
```
#df34f5 rgb(223,52,245)
```
#f5344a
```
#f5344a rgb(245,52,74)
```
#4af534
```
#4af534 rgb(74,245,52)
```
#34f5df
```
#34f5df rgb(52,245,223)
```

Tetradic Color

#d20a21
```
#d20a21 rgb(210,10,33)
```
#ea0c25
```
#ea0c25 rgb(234,12,37)
```
#f41c34
```
#f41c34 rgb(244,28,52)
```
#f5344a
```
#f5344a rgb(245,52,74)
```
#f64c60
```
#f64c60 rgb(246,76,96)
```
#f76575
```
#f76575 rgb(247,101,117)
```
#f97d8b
```
#f97d8b rgb(249,125,139)
```

Monochromatic Color

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

#f5347a
```
#f5347a rgb(245,52,122)
```
#f5346a
```
#f5346a rgb(245,52,106)
```
#f5345a
```
#f5345a rgb(245,52,90)
```
#f5344a
```
#f5344a rgb(245,52,74)
```
#f5343a
```
#f5343a rgb(245,52,58)
```
#f53e34
```
#f53e34 rgb(245,62,52)
```
#f54e34
```
#f54e34 rgb(245,78,52)
```

Similar Colors

Text with hexadecimal color #f5344a

This text has a font color of #f5344a.

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

#f5344a background color

This paragraph has a background color of #f5344a.

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

#f5344a border color

This element has a border color of #f5344a.

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

CSS codes

.text {color:#f5344a;}

.background {background-color:#f5344a;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#150103
```
#150103 rgb(21,1,3)
```
#280206
```
#280206 rgb(40,2,6)
```
#3b0309
```
#3b0309 rgb(59,3,9)
```
#4d040c
```
#4d040c rgb(77,4,12)
```
#60050f
```
#60050f rgb(96,5,15)
```
#730612
```
#730612 rgb(115,6,18)
```
#860715
```
#860715 rgb(134,7,21)
```
#980718
```
#980718 rgb(152,7,24)
```
#ab081b
```
#ab081b rgb(171,8,27)
```
#be091e
```
#be091e rgb(190,9,30)
```
#d00a21
```
#d00a21 rgb(208,10,33)
```
#e30b24
```
#e30b24 rgb(227,11,36)
```

Shade Color Variation

#f30f29
```
#f30f29 rgb(243,15,41)
```
#f42139
```
#f42139 rgb(244,33,57)
```
#f5344a
```
#f5344a rgb(245,52,74)
```
#f6475b
```
#f6475b rgb(246,71,91)
```
#f7596b
```
#f7596b rgb(247,89,107)
```
#f86c7c
```
#f86c7c rgb(248,108,124)
```
#f97f8d
```
#f97f8d rgb(249,127,141)
```
#fa919d
```
#fa919d rgb(250,145,157)
```
#fba4ae
```
#fba4ae rgb(251,164,174)
```
#fbb7bf
```
#fbb7bf rgb(251,183,191)
```
#fccacf
```
#fccacf rgb(252,202,207)
```
#fddce0
```
#fddce0 rgb(253,220,224)
```
#feeff1
```
#feeff1 rgb(254,239,241)
```

Tint Color Variation

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

#9b8e90
```
#9b8e90 rgb(155,142,144)
```
#a38689
```
#a38689 rgb(163,134,137)
```
#ab7e83
```
#ab7e83 rgb(171,126,131)
```
#b3767d
```
#b3767d rgb(179,118,125)
```
#bc6d76
```
#bc6d76 rgb(188,109,118)
```
#c46570
```
#c46570 rgb(196,101,112)
```
#cc5d6a
```
#cc5d6a rgb(204,93,106)
```
#d45563
```
#d45563 rgb(212,85,99)
```
#dc4d5d
```
#dc4d5d rgb(220,77,93)
```
#e54457
```
#e54457 rgb(229,68,87)
```
#ed3c50
```
#ed3c50 rgb(237,60,80)
```
#f5344a
```
#f5344a rgb(245,52,74)
```
#fd2c44
```
#fd2c44 rgb(253,44,68)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8b6468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91886b Protanopia 1% of men
#a68246 Deuteranopia 1% of men
#f44143 Tritanopia 0.001% of the population

Trichromacy

#b5695f Protanomaly 1% of men, 0.01% of women
#c36547 Deuteranomaly 6% of men, 0.4% of women
#f43c45 Tritanomaly 0.01% of the population

#f5344a hex color

#f5344a Color Information

#f5344a Color Conversion

Color Schemes with #f5344a

Alternatives to #f5344a

#f5344a Preview

Shades and Tints of #f5344a

Tones of #f5344a

Color Blindness Simulator