#f74f75 hex color

In a RGB color space, hex #f74f75 is composed of 96.9% red, 31% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 52.6% yellow and 3.1% black. It has a hue angle of 346.4 degrees, a saturation of 91.3% and a lightness of 63.9%. #f74f75 color hex could be obtained by blending #ff9eea with #ef0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 97
- G 31
- B 46
RGB color chart
- C 0
- M 68
- Y 53
- K 3
CMYK color chart

● #f74f75 color description : Soft red.

The hexadecimal color #f74f75 has RGB values of R:247, G:79, B:117 and CMYK values of C:0, M:0.68, Y:0.53, K:0.03. Its decimal value is 16207733.

Hex triplet	f74f75	`#f74f75`
RGB Decimal	247, 79, 117	`rgb(247,79,117)`
RGB Percent	96.9, 31, 45.9	`rgb(96.9%,31%,45.9%)`
CMYK	0, 68, 53, 3
HSL	346.4°, 91.3, 63.9	`hsl(346.4,91.3%,63.9%)`
HSV (or HSB)	346.4°, 68, 96.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.654, 66.076, 15.715
XYZ	44.366, 26.655, 19.637
xyY	0.489, 0.294, 26.655
CIE-LCH	58.654, 67.919, 13.378
CIE-LUV	58.654, 118.11, 6.477
Hunter-Lab	51.629, 63.041, 13.589
Binary	11110111, 01001111, 01110101

#f74f75
```
#f74f75 rgb(247,79,117)
```
#4ff7d1
```
#4ff7d1 rgb(79,247,209)
```

Complementary Color

#f74fc9
```
#f74fc9 rgb(247,79,201)
```
#f74f75
```
#f74f75 rgb(247,79,117)
```
#f77d4f
```
#f77d4f rgb(247,125,79)
```

Analogous Color

#4fc9f7
```
#4fc9f7 rgb(79,201,247)
```
#f74f75
```
#f74f75 rgb(247,79,117)
```
#4ff77d
```
#4ff77d rgb(79,247,125)
```

Split Complementary Color

#4f75f7
```
#4f75f7 rgb(79,117,247)
```
#f74f75
```
#f74f75 rgb(247,79,117)
```
#75f74f
```
#75f74f rgb(117,247,79)
```

Triadic Color

#d14ff7
```
#d14ff7 rgb(209,79,247)
```
#f74f75
```
#f74f75 rgb(247,79,117)
```
#75f74f
```
#75f74f rgb(117,247,79)
```
#4ff7d1
```
#4ff7d1 rgb(79,247,209)
```

Tetradic Color

#ef0b3e
```
#ef0b3e rgb(239,11,62)
```
#f51e4f
```
#f51e4f rgb(245,30,79)
```
#f63762
```
#f63762 rgb(246,55,98)
```
#f74f75
```
#f74f75 rgb(247,79,117)
```
#f86788
```
#f86788 rgb(248,103,136)
```
#f9809b
```
#f9809b rgb(249,128,155)
```
#fa98ae
```
#fa98ae rgb(250,152,174)
```

Monochromatic Color

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

#f74f9f
```
#f74f9f rgb(247,79,159)
```
#f74f91
```
#f74f91 rgb(247,79,145)
```
#f74f83
```
#f74f83 rgb(247,79,131)
```
#f74f75
```
#f74f75 rgb(247,79,117)
```
#f74f67
```
#f74f67 rgb(247,79,103)
```
#f74f59
```
#f74f59 rgb(247,79,89)
```
#f7534f
```
#f7534f rgb(247,83,79)
```

Similar Colors

Text with hexadecimal color #f74f75

This text has a font color of #f74f75.

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

#f74f75 background color

This paragraph has a background color of #f74f75.

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

#f74f75 border color

This element has a border color of #f74f75.

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

CSS codes

.text {color:#f74f75;}

.background {background-color:#f74f75;}

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

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

#0c0103
```
#0c0103 rgb(12,1,3)
```
#1e0108
```
#1e0108 rgb(30,1,8)
```
#31020d
```
#31020d rgb(49,2,13)
```
#440312
```
#440312 rgb(68,3,18)
```
#570417
```
#570417 rgb(87,4,23)
```
#69051c
```
#69051c rgb(105,5,28)
```
#7c0620
```
#7c0620 rgb(124,6,32)
```
#8f0625
```
#8f0625 rgb(143,6,37)
```
#a2072a
```
#a2072a rgb(162,7,42)
```
#b4082f
```
#b4082f rgb(180,8,47)
```
#c70934
```
#c70934 rgb(199,9,52)
```
#da0a39
```
#da0a39 rgb(218,10,57)
```
#ed0b3e
```
#ed0b3e rgb(237,11,62)
```

Shade Color Variation

#f41749
```
#f41749 rgb(244,23,73)
```
#f52958
```
#f52958 rgb(245,41,88)
```
#f63c66
```
#f63c66 rgb(246,60,102)
```
#f74f75
```
#f74f75 rgb(247,79,117)
```
#f86284
```
#f86284 rgb(248,98,132)
```
#f97592
```
#f97592 rgb(249,117,146)
```
#fa87a1
```
#fa87a1 rgb(250,135,161)
```
#fa9ab0
```
#fa9ab0 rgb(250,154,176)
```
#fbadbf
```
#fbadbf rgb(251,173,191)
```
#fcc0cd
```
#fcc0cd rgb(252,192,205)
```
#fdd2dc
```
#fdd2dc rgb(253,210,220)
```
#fee5eb
```
#fee5eb rgb(254,229,235)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#a99da0
```
#a99da0 rgb(169,157,160)
```
#b0969c
```
#b0969c rgb(176,150,156)
```
#b78f98
```
#b78f98 rgb(183,143,152)
```
#be8894
```
#be8894 rgb(190,136,148)
```
#c58190
```
#c58190 rgb(197,129,144)
```
#cd798c
```
#cd798c rgb(205,121,140)
```
#d47288
```
#d47288 rgb(212,114,136)
```
#db6b85
```
#db6b85 rgb(219,107,133)
```
#e26481
```
#e26481 rgb(226,100,129)
```
#e95d7d
```
#e95d7d rgb(233,93,125)
```
#f05679
```
#f05679 rgb(240,86,121)
```
#f74f75
```
#f74f75 rgb(247,79,117)
```
#fe4871
```
#fe4871 rgb(254,72,113)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9d7b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#949296 Protanopia 1% of men
#ab8d71 Deuteranopia 1% of men
#f55d62 Tritanopia 0.001% of the population

Trichromacy

#b8798a Protanomaly 1% of men, 0.01% of women
#c77672 Deuteranomaly 6% of men, 0.4% of women
#f65869 Tritanomaly 0.01% of the population

#f74f75 hex color

#f74f75 Color Information

#f74f75 Color Conversion

Color Schemes with #f74f75

Alternatives to #f74f75

#f74f75 Preview

Shades and Tints of #f74f75

Tones of #f74f75

Color Blindness Simulator