#f74f94 hex color

In a RGB color space, hex #f74f94 is composed of 96.9% red, 31% green and 58% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 40.1% yellow and 3.1% black. It has a hue angle of 335.4 degrees, a saturation of 91.3% and a lightness of 63.9%. #f74f94 color hex could be obtained by blending #ff9eff with #ef0029. Closest websafe color is: #ff6699.

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

● #f74f94 color description : Soft pink.

The hexadecimal color #f74f94 has RGB values of R:247, G:79, B:148 and CMYK values of C:0, M:0.68, Y:0.4, K:0.03. Its decimal value is 16207764.

Hex triplet	f74f94	`#f74f94`
RGB Decimal	247, 79, 148	`rgb(247,79,148)`
RGB Percent	96.9, 31, 58	`rgb(96.9%,31%,58%)`
CMYK	0, 68, 40, 3
HSL	335.4°, 91.3, 63.9	`hsl(335.4,91.3%,63.9%)`
HSV (or HSB)	335.4°, 68, 96.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.442, 68.799, -1.324
XYZ	46.5, 27.509, 30.876
xyY	0.443, 0.262, 27.509
CIE-LCH	59.442, 68.811, 358.897
CIE-LUV	59.442, 107.616, -15.169
Hunter-Lab	52.449, 66.469, 1.81
Binary	11110111, 01001111, 10010100

#f74f94
```
#f74f94 rgb(247,79,148)
```
#4ff7b2
```
#4ff7b2 rgb(79,247,178)
```

Complementary Color

#f74fe8
```
#f74fe8 rgb(247,79,232)
```
#f74f94
```
#f74f94 rgb(247,79,148)
```
#f75e4f
```
#f75e4f rgb(247,94,79)
```

Analogous Color

#4fe8f7
```
#4fe8f7 rgb(79,232,247)
```
#f74f94
```
#f74f94 rgb(247,79,148)
```
#4ff75e
```
#4ff75e rgb(79,247,94)
```

Split Complementary Color

#4f94f7
```
#4f94f7 rgb(79,148,247)
```
#f74f94
```
#f74f94 rgb(247,79,148)
```
#94f74f
```
#94f74f rgb(148,247,79)
```

Triadic Color

#b24ff7
```
#b24ff7 rgb(178,79,247)
```
#f74f94
```
#f74f94 rgb(247,79,148)
```
#94f74f
```
#94f74f rgb(148,247,79)
```
#4ff7b2
```
#4ff7b2 rgb(79,247,178)
```

Tetradic Color

#ef0b68
```
#ef0b68 rgb(239,11,104)
```
#f51e76
```
#f51e76 rgb(245,30,118)
```
#f63785
```
#f63785 rgb(246,55,133)
```
#f74f94
```
#f74f94 rgb(247,79,148)
```
#f867a3
```
#f867a3 rgb(248,103,163)
```
#f980b2
```
#f980b2 rgb(249,128,178)
```
#fa98c0
```
#fa98c0 rgb(250,152,192)
```

Monochromatic Color

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

#f74fbe
```
#f74fbe rgb(247,79,190)
```
#f74fb0
```
#f74fb0 rgb(247,79,176)
```
#f74fa2
```
#f74fa2 rgb(247,79,162)
```
#f74f94
```
#f74f94 rgb(247,79,148)
```
#f74f86
```
#f74f86 rgb(247,79,134)
```
#f74f78
```
#f74f78 rgb(247,79,120)
```
#f74f6a
```
#f74f6a rgb(247,79,106)
```

Similar Colors

Text with hexadecimal color #f74f94

This text has a font color of #f74f94.

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

#f74f94 background color

This paragraph has a background color of #f74f94.

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

#f74f94 border color

This element has a border color of #f74f94.

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

CSS codes

.text {color:#f74f94;}

.background {background-color:#f74f94;}

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

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

#0c0105
```
#0c0105 rgb(12,1,5)
```
#1e010d
```
#1e010d rgb(30,1,13)
```
#310216
```
#310216 rgb(49,2,22)
```
#44031e
```
#44031e rgb(68,3,30)
```
#570426
```
#570426 rgb(87,4,38)
```
#69052e
```
#69052e rgb(105,5,46)
```
#7c0636
```
#7c0636 rgb(124,6,54)
```
#8f063f
```
#8f063f rgb(143,6,63)
```
#a20747
```
#a20747 rgb(162,7,71)
```
#b4084f
```
#b4084f rgb(180,8,79)
```
#c70957
```
#c70957 rgb(199,9,87)
```
#da0a5f
```
#da0a5f rgb(218,10,95)
```
#ed0b68
```
#ed0b68 rgb(237,11,104)
```

Shade Color Variation

#f41772
```
#f41772 rgb(244,23,114)
```
#f5297d
```
#f5297d rgb(245,41,125)
```
#f63c89
```
#f63c89 rgb(246,60,137)
```
#f74f94
```
#f74f94 rgb(247,79,148)
```
#f8629f
```
#f8629f rgb(248,98,159)
```
#f975ab
```
#f975ab rgb(249,117,171)
```
#fa87b6
```
#fa87b6 rgb(250,135,182)
```
#fa9ac2
```
#fa9ac2 rgb(250,154,194)
```
#fbadcd
```
#fbadcd rgb(251,173,205)
```
#fcc0d8
```
#fcc0d8 rgb(252,192,216)
```
#fdd2e4
```
#fdd2e4 rgb(253,210,228)
```
#fee5ef
```
#fee5ef rgb(254,229,239)
```
#fff8fb
```
#fff8fb rgb(255,248,251)
```

Tint Color Variation

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

#a99da2
```
#a99da2 rgb(169,157,162)
```
#b096a1
```
#b096a1 rgb(176,150,161)
```
#b78f9f
```
#b78f9f rgb(183,143,159)
```
#be889e
```
#be889e rgb(190,136,158)
```
#c5819d
```
#c5819d rgb(197,129,157)
```
#cd799c
```
#cd799c rgb(205,121,156)
```
#d4729a
```
#d4729a rgb(212,114,154)
```
#db6b99
```
#db6b99 rgb(219,107,153)
```
#e26498
```
#e26498 rgb(226,100,152)
```
#e95d97
```
#e95d97 rgb(233,93,151)
```
#f05695
```
#f05695 rgb(240,86,149)
```
#f74f94
```
#f74f94 rgb(247,79,148)
```
#fe4893
```
#fe4893 rgb(254,72,147)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9f7d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a93b9 Protanopia 1% of men
#a5908d Deuteranopia 1% of men
#f36369 Tritanopia 0.001% of the population

Trichromacy

#b27aab Protanomaly 1% of men, 0.01% of women
#c3788f Deuteranomaly 6% of men, 0.4% of women
#f55c78 Tritanomaly 0.01% of the population

#f74f94 hex color

#f74f94 Color Information

#f74f94 Color Conversion

Color Schemes with #f74f94

Alternatives to #f74f94

#f74f94 Preview

Shades and Tints of #f74f94

Tones of #f74f94

Color Blindness Simulator