#f74f5a hex color

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

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

● #f74f5a color description : Soft red.

The hexadecimal color #f74f5a has RGB values of R:247, G:79, B:90 and CMYK values of C:0, M:0.68, Y:0.64, K:0.03. Its decimal value is 16207706.

Hex triplet	f74f5a	`#f74f5a`
RGB Decimal	247, 79, 90	`rgb(247,79,90)`
RGB Percent	96.9, 31, 35.3	`rgb(96.9%,31%,35.3%)`
CMYK	0, 68, 64, 3
HSL	356.1°, 91.3, 63.9	`hsl(356.1,91.3%,63.9%)`
HSV (or HSB)	356.1°, 68, 96.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.14, 64.269, 30.761
XYZ	43.001, 26.109, 12.448
xyY	0.527, 0.32, 26.109
CIE-LCH	58.14, 71.251, 25.577
CIE-LUV	58.14, 125.914, 22.318
Hunter-Lab	51.097, 60.798, 21.324
Binary	11110111, 01001111, 01011010

#f74f5a
```
#f74f5a rgb(247,79,90)
```
#4ff7ec
```
#4ff7ec rgb(79,247,236)
```

Complementary Color

#f74fae
```
#f74fae rgb(247,79,174)
```
#f74f5a
```
#f74f5a rgb(247,79,90)
```
#f7984f
```
#f7984f rgb(247,152,79)
```

Analogous Color

#4faef7
```
#4faef7 rgb(79,174,247)
```
#f74f5a
```
#f74f5a rgb(247,79,90)
```
#4ff798
```
#4ff798 rgb(79,247,152)
```

Split Complementary Color

#4f5af7
```
#4f5af7 rgb(79,90,247)
```
#f74f5a
```
#f74f5a rgb(247,79,90)
```
#5af74f
```
#5af74f rgb(90,247,79)
```

Triadic Color

#ec4ff7
```
#ec4ff7 rgb(236,79,247)
```
#f74f5a
```
#f74f5a rgb(247,79,90)
```
#5af74f
```
#5af74f rgb(90,247,79)
```
#4ff7ec
```
#4ff7ec rgb(79,247,236)
```

Tetradic Color

#ef0b1a
```
#ef0b1a rgb(239,11,26)
```
#f51e2c
```
#f51e2c rgb(245,30,44)
```
#f63743
```
#f63743 rgb(246,55,67)
```
#f74f5a
```
#f74f5a rgb(247,79,90)
```
#f86771
```
#f86771 rgb(248,103,113)
```
#f98088
```
#f98088 rgb(249,128,136)
```
#fa989f
```
#fa989f rgb(250,152,159)
```

Monochromatic Color

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

#f74f84
```
#f74f84 rgb(247,79,132)
```
#f74f76
```
#f74f76 rgb(247,79,118)
```
#f74f68
```
#f74f68 rgb(247,79,104)
```
#f74f5a
```
#f74f5a rgb(247,79,90)
```
#f7524f
```
#f7524f rgb(247,82,79)
```
#f7604f
```
#f7604f rgb(247,96,79)
```
#f76e4f
```
#f76e4f rgb(247,110,79)
```

Similar Colors

Text with hexadecimal color #f74f5a

This text has a font color of #f74f5a.

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

#f74f5a background color

This paragraph has a background color of #f74f5a.

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

#f74f5a border color

This element has a border color of #f74f5a.

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

CSS codes

.text {color:#f74f5a;}

.background {background-color:#f74f5a;}

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

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

#0c0101
```
#0c0101 rgb(12,1,1)
```
#1e0103
```
#1e0103 rgb(30,1,3)
```
#310205
```
#310205 rgb(49,2,5)
```
#440307
```
#440307 rgb(68,3,7)
```
#570409
```
#570409 rgb(87,4,9)
```
#69050b
```
#69050b rgb(105,5,11)
```
#7c060d
```
#7c060d rgb(124,6,13)
```
#8f060f
```
#8f060f rgb(143,6,15)
```
#a20711
```
#a20711 rgb(162,7,17)
```
#b40813
```
#b40813 rgb(180,8,19)
```
#c70916
```
#c70916 rgb(199,9,22)
```
#da0a18
```
#da0a18 rgb(218,10,24)
```
#ed0b1a
```
#ed0b1a rgb(237,11,26)
```

Shade Color Variation

#f41725
```
#f41725 rgb(244,23,37)
```
#f52937
```
#f52937 rgb(245,41,55)
```
#f63c48
```
#f63c48 rgb(246,60,72)
```
#f74f5a
```
#f74f5a rgb(247,79,90)
```
#f8626c
```
#f8626c rgb(248,98,108)
```
#f9757d
```
#f9757d rgb(249,117,125)
```
#fa878f
```
#fa878f rgb(250,135,143)
```
#fa9aa0
```
#fa9aa0 rgb(250,154,160)
```
#fbadb2
```
#fbadb2 rgb(251,173,178)
```
#fcc0c4
```
#fcc0c4 rgb(252,192,196)
```
#fdd2d5
```
#fdd2d5 rgb(253,210,213)
```
#fee5e7
```
#fee5e7 rgb(254,229,231)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#a99d9e
```
#a99d9e rgb(169,157,158)
```
#b09698
```
#b09698 rgb(176,150,152)
```
#b78f91
```
#b78f91 rgb(183,143,145)
```
#be888b
```
#be888b rgb(190,136,139)
```
#c58185
```
#c58185 rgb(197,129,133)
```
#cd797f
```
#cd797f rgb(205,121,127)
```
#d47279
```
#d47279 rgb(212,114,121)
```
#db6b73
```
#db6b73 rgb(219,107,115)
```
#e2646c
```
#e2646c rgb(226,100,108)
```
#e95d66
```
#e95d66 rgb(233,93,102)
```
#f05660
```
#f05660 rgb(240,86,96)
```
#f74f5a
```
#f74f5a rgb(247,79,90)
```
#fe4854
```
#fe4854 rgb(254,72,84)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#99787a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9177 Protanopia 1% of men
#af8b57 Deuteranopia 1% of men
#f7595d Tritanopia 0.001% of the population

Trichromacy

#bb796d Protanomaly 1% of men, 0.01% of women
#c97558 Deuteranomaly 6% of men, 0.4% of women
#f7555c Tritanomaly 0.01% of the population

#f74f5a hex color

#f74f5a Color Information

#f74f5a Color Conversion

Color Schemes with #f74f5a

Alternatives to #f74f5a

#f74f5a Preview

Shades and Tints of #f74f5a

Tones of #f74f5a

Color Blindness Simulator