#f34a55 hex color

In a RGB color space, hex #f34a55 is composed of 95.3% red, 29% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.5% magenta, 65% yellow and 4.7% black. It has a hue angle of 356.1 degrees, a saturation of 87.6% and a lightness of 62.2%. #f34a55 color hex could be obtained by blending #ff94aa with #e70000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 29
- B 33
RGB color chart
- C 0
- M 70
- Y 65
- K 5
CMYK color chart

● #f34a55 color description : Soft red.

The hexadecimal color #f34a55 has RGB values of R:243, G:74, B:85 and CMYK values of C:0, M:0.7, Y:0.65, K:0.05. Its decimal value is 15944277.

Hex triplet	f34a55	`#f34a55`
RGB Decimal	243, 74, 85	`rgb(243,74,85)`
RGB Percent	95.3, 29, 33.3	`rgb(95.3%,29%,33.3%)`
CMYK	0, 70, 65, 5
HSL	356.1°, 87.6, 62.2	`hsl(356.1,87.6%,62.2%)`
HSV (or HSB)	356.1°, 69.5, 95.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.696, 64.606, 31.677
XYZ	41.052, 24.613, 11.183
xyY	0.534, 0.32, 24.613
CIE-LCH	56.696, 71.954, 26.119
CIE-LUV	56.696, 126.901, 22.704
Hunter-Lab	49.611, 60.886, 21.363
Binary	11110011, 01001010, 01010101

#f34a55
```
#f34a55 rgb(243,74,85)
```
#4af3e8
```
#4af3e8 rgb(74,243,232)
```

Complementary Color

#f34aaa
```
#f34aaa rgb(243,74,170)
```
#f34a55
```
#f34a55 rgb(243,74,85)
```
#f3944a
```
#f3944a rgb(243,148,74)
```

Analogous Color

#4aaaf3
```
#4aaaf3 rgb(74,170,243)
```
#f34a55
```
#f34a55 rgb(243,74,85)
```
#4af394
```
#4af394 rgb(74,243,148)
```

Split Complementary Color

#4a55f3
```
#4a55f3 rgb(74,85,243)
```
#f34a55
```
#f34a55 rgb(243,74,85)
```
#55f34a
```
#55f34a rgb(85,243,74)
```

Triadic Color

#e84af3
```
#e84af3 rgb(232,74,243)
```
#f34a55
```
#f34a55 rgb(243,74,85)
```
#55f34a
```
#55f34a rgb(85,243,74)
```
#4af3e8
```
#4af3e8 rgb(74,243,232)
```

Tetradic Color

#e20f1d
```
#e20f1d rgb(226,15,29)
```
#f01a28
```
#f01a28 rgb(240,26,40)
```
#f1323f
```
#f1323f rgb(241,50,63)
```
#f34a55
```
#f34a55 rgb(243,74,85)
```
#f5626b
```
#f5626b rgb(245,98,107)
```
#f67a82
```
#f67a82 rgb(246,122,130)
```
#f89298
```
#f89298 rgb(248,146,152)
```

Monochromatic Color

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

#f34a7f
```
#f34a7f rgb(243,74,127)
```
#f34a71
```
#f34a71 rgb(243,74,113)
```
#f34a63
```
#f34a63 rgb(243,74,99)
```
#f34a55
```
#f34a55 rgb(243,74,85)
```
#f34d4a
```
#f34d4a rgb(243,77,74)
```
#f35b4a
```
#f35b4a rgb(243,91,74)
```
#f3694a
```
#f3694a rgb(243,105,74)
```

Similar Colors

Text with hexadecimal color #f34a55

This text has a font color of #f34a55.

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

#f34a55 background color

This paragraph has a background color of #f34a55.

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

#f34a55 border color

This element has a border color of #f34a55.

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

CSS codes

.text {color:#f34a55;}

.background {background-color:#f34a55;}

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

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 #fef0f1 is the lightest one.

#030000
```
#030000 rgb(3,0,0)
```
#150103
```
#150103 rgb(21,1,3)
```
#280305
```
#280305 rgb(40,3,5)
```
#3a0407
```
#3a0407 rgb(58,4,7)
```
#4d050a
```
#4d050a rgb(77,5,10)
```
#5f060c
```
#5f060c rgb(95,6,12)
```
#71080e
```
#71080e rgb(113,8,14)
```
#840911
```
#840911 rgb(132,9,17)
```
#960a13
```
#960a13 rgb(150,10,19)
```
#a90b15
```
#a90b15 rgb(169,11,21)
```
#bb0c18
```
#bb0c18 rgb(187,12,24)
```
#cd0e1a
```
#cd0e1a rgb(205,14,26)
```
#e00f1c
```
#e00f1c rgb(224,15,28)
```

Shade Color Variation

#ef1321
```
#ef1321 rgb(239,19,33)
```
#f12532
```
#f12532 rgb(241,37,50)
```
#f23844
```
#f23844 rgb(242,56,68)
```
#f34a55
```
#f34a55 rgb(243,74,85)
```
#f45c66
```
#f45c66 rgb(244,92,102)
```
#f56f78
```
#f56f78 rgb(245,111,120)
```
#f78189
```
#f78189 rgb(247,129,137)
```
#f8949a
```
#f8949a rgb(248,148,154)
```
#f9a6ab
```
#f9a6ab rgb(249,166,171)
```
#fab8bd
```
#fab8bd rgb(250,184,189)
```
#fccbce
```
#fccbce rgb(252,203,206)
```
#fddddf
```
#fddddf rgb(253,221,223)
```
#fef0f1
```
#fef0f1 rgb(254,240,241)
```

Tint Color Variation

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

#a19c9c
```
#a19c9c rgb(161,156,156)
```
#a99496
```
#a99496 rgb(169,148,150)
```
#b08d8f
```
#b08d8f rgb(176,141,143)
```
#b88589
```
#b88589 rgb(184,133,137)
```
#bf7e82
```
#bf7e82 rgb(191,126,130)
```
#c6777c
```
#c6777c rgb(198,119,124)
```
#ce6f75
```
#ce6f75 rgb(206,111,117)
```
#d5686f
```
#d5686f rgb(213,104,111)
```
#dd6068
```
#dd6068 rgb(221,96,104)
```
#e45962
```
#e45962 rgb(228,89,98)
```
#ec515b
```
#ec515b rgb(236,81,91)
```
#f34a55
```
#f34a55 rgb(243,74,85)
```
#fa434f
```
#fa434f rgb(250,67,79)
```

Tone Color Variation

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

Dichromacy

#968d73 Protanopia 1% of men
#ac8852 Deuteranopia 1% of men
#f35458 Tritanopia 0.001% of the population

Trichromacy

#b87568 Protanomaly 1% of men, 0.01% of women
#c57153 Deuteranomaly 6% of men, 0.4% of women
#f35057 Tritanomaly 0.01% of the population

#f34a55 hex color

#f34a55 Color Information

#f34a55 Color Conversion

Color Schemes with #f34a55

Alternatives to #f34a55

#f34a55 Preview

Shades and Tints of #f34a55

Tones of #f34a55

Color Blindness Simulator