#f74996 hex color

In a RGB color space, hex #f74996 is composed of 96.9% red, 28.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.4% magenta, 39.3% yellow and 3.1% black. It has a hue angle of 333.4 degrees, a saturation of 91.6% and a lightness of 62.7%. #f74996 color hex could be obtained by blending #ff92ff with #ef002d. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 97
- G 29
- B 59
RGB color chart
- C 0
- M 70
- Y 39
- K 3
CMYK color chart

● #f74996 color description : Bright pink.

The hexadecimal color #f74996 has RGB values of R:247, G:73, B:150 and CMYK values of C:0, M:0.7, Y:0.39, K:0.03. Its decimal value is 16206230.

Hex triplet	f74996	`#f74996`
RGB Decimal	247, 73, 150	`rgb(247,73,150)`
RGB Percent	96.9, 28.6, 58.8	`rgb(96.9%,28.6%,58.8%)`
CMYK	0, 70, 39, 3
HSL	333.4°, 91.6, 62.7	`hsl(333.4,91.6%,62.7%)`
HSV (or HSB)	333.4°, 70.4, 96.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	58.738, 71.115, -3.528
XYZ	46.246, 26.746, 31.58
xyY	0.442, 0.256, 26.746
CIE-LCH	58.738, 71.203, 357.16
CIE-LUV	58.738, 109.464, -18.601
Hunter-Lab	51.716, 69.117, -0.003
Binary	11110111, 01001001, 10010110

#f74996
```
#f74996 rgb(247,73,150)
```
#49f7aa
```
#49f7aa rgb(73,247,170)
```

Complementary Color

#f749ed
```
#f749ed rgb(247,73,237)
```
#f74996
```
#f74996 rgb(247,73,150)
```
#f75349
```
#f75349 rgb(247,83,73)
```

Analogous Color

#49edf7
```
#49edf7 rgb(73,237,247)
```
#f74996
```
#f74996 rgb(247,73,150)
```
#49f753
```
#49f753 rgb(73,247,83)
```

Split Complementary Color

#4996f7
```
#4996f7 rgb(73,150,247)
```
#f74996
```
#f74996 rgb(247,73,150)
```
#96f749
```
#96f749 rgb(150,247,73)
```

Triadic Color

#aa49f7
```
#aa49f7 rgb(170,73,247)
```
#f74996
```
#f74996 rgb(247,73,150)
```
#96f749
```
#96f749 rgb(150,247,73)
```
#49f7aa
```
#49f7aa rgb(73,247,170)
```

Tetradic Color

#e90a6d
```
#e90a6d rgb(233,10,109)
```
#f5187a
```
#f5187a rgb(245,24,122)
```
#f63188
```
#f63188 rgb(246,49,136)
```
#f74996
```
#f74996 rgb(247,73,150)
```
#f861a4
```
#f861a4 rgb(248,97,164)
```
#f97ab2
```
#f97ab2 rgb(249,122,178)
```
#fa92c0
```
#fa92c0 rgb(250,146,192)
```

Monochromatic Color

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

#f749c2
```
#f749c2 rgb(247,73,194)
```
#f749b3
```
#f749b3 rgb(247,73,179)
```
#f749a5
```
#f749a5 rgb(247,73,165)
```
#f74996
```
#f74996 rgb(247,73,150)
```
#f74988
```
#f74988 rgb(247,73,136)
```
#f74979
```
#f74979 rgb(247,73,121)
```
#f7496b
```
#f7496b rgb(247,73,107)
```

Similar Colors

Text with hexadecimal color #f74996

This text has a font color of #f74996.

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

#f74996 background color

This paragraph has a background color of #f74996.

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

#f74996 border color

This element has a border color of #f74996.

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

CSS codes

.text {color:#f74996;}

.background {background-color:#f74996;}

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

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

#060003
```
#060003 rgb(6,0,3)
```
#19010c
```
#19010c rgb(25,1,12)
```
#2b0214
```
#2b0214 rgb(43,2,20)
```
#3e031d
```
#3e031d rgb(62,3,29)
```
#510426
```
#510426 rgb(81,4,38)
```
#64042f
```
#64042f rgb(100,4,47)
```
#770537
```
#770537 rgb(119,5,55)
```
#890640
```
#890640 rgb(137,6,64)
```
#9c0749
```
#9c0749 rgb(156,7,73)
```
#af0852
```
#af0852 rgb(175,8,82)
```
#c2095b
```
#c2095b rgb(194,9,91)
```
#d50963
```
#d50963 rgb(213,9,99)
```
#e70a6c
```
#e70a6c rgb(231,10,108)
```

Shade Color Variation

#f51175
```
#f51175 rgb(245,17,117)
```
#f52380
```
#f52380 rgb(245,35,128)
```
#f6368b
```
#f6368b rgb(246,54,139)
```
#f74996
```
#f74996 rgb(247,73,150)
```
#f85ca1
```
#f85ca1 rgb(248,92,161)
```
#f96fac
```
#f96fac rgb(249,111,172)
```
#f981b7
```
#f981b7 rgb(249,129,183)
```
#fa94c1
```
#fa94c1 rgb(250,148,193)
```
#fba7cc
```
#fba7cc rgb(251,167,204)
```
#fcbad7
```
#fcbad7 rgb(252,186,215)
```
#fdcde2
```
#fdcde2 rgb(253,205,226)
```
#fedfed
```
#fedfed rgb(254,223,237)
```
#fef2f8
```
#fef2f8 rgb(254,242,248)
```

Tint Color Variation

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

#a7999f
```
#a7999f rgb(167,153,159)
```
#ae929e
```
#ae929e rgb(174,146,158)
```
#b58b9e
```
#b58b9e rgb(181,139,158)
```
#bd839d
```
#bd839d rgb(189,131,157)
```
#c47c9c
```
#c47c9c rgb(196,124,156)
```
#cb759b
```
#cb759b rgb(203,117,155)
```
#d26e9a
```
#d26e9a rgb(210,110,154)
```
#da6699
```
#da6699 rgb(218,102,153)
```
#e15f99
```
#e15f99 rgb(225,95,153)
```
#e85898
```
#e85898 rgb(232,88,152)
```
#f05097
```
#f05097 rgb(240,80,151)
```
#f74996
```
#f74996 rgb(247,73,150)
```
#fe4295
```
#fe4295 rgb(254,66,149)
```

Tone Color Variation

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

Dichromacy

#8691bd Protanopia 1% of men
#a28e8e Deuteranopia 1% of men
#f36065 Tritanopia 0.001% of the population

Trichromacy

#af77af Protanomaly 1% of men, 0.01% of women
#c17591 Deuteranomaly 6% of men, 0.4% of women
#f45777 Tritanomaly 0.01% of the population

#f74996 hex color

#f74996 Color Information

#f74996 Color Conversion

Color Schemes with #f74996

Alternatives to #f74996

#f74996 Preview

Shades and Tints of #f74996

Tones of #f74996

Color Blindness Simulator