colorhexa.com

#f74d99 hex color

In a RGB color space, hex #f74d99 is composed of 96.9% red, 30.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 38.1% yellow and 3.1% black. It has a hue angle of 333.2 degrees, a saturation of 91.4% and a lightness of 63.5%. #f74d99 color hex could be obtained by blending #ff9aff with #ef0033. Closest websafe color is: #ff6699.

- R 97
- G 30
- B 60
RGB color chart
- C 0
- M 69
- Y 38
- K 3
CMYK color chart

● #f74d99 color description : Soft pink.

The hexadecimal color #f74d99 has RGB values of R:247, G:77, B:153 and CMYK values of C:0, M:0.69, Y:0.38, K:0.03. Its decimal value is 16207257.

Hex triplet	f74d99	`#f74d99`
RGB Decimal	247, 77, 153	`rgb(247,77,153)`
RGB Percent	96.9, 30.2, 60	`rgb(96.9%,30.2%,60%)`
CMYK	0, 69, 38, 3
HSL	333.2°, 91.4, 63.5	`hsl(333.2,91.4%,63.5%)`
HSV (or HSB)	333.2°, 68.8, 96.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.33, 70.021, -4.407
XYZ	46.762, 27.386, 32.959
xyY	0.437, 0.256, 27.386
CIE-LCH	59.33, 70.16, 356.398
CIE-LUV	59.33, 106.684, -19.574
Hunter-Lab	52.332, 67.922, -0.709
Binary	11110111, 01001101, 10011001

#f74d99
```
#f74d99 rgb(247,77,153)
```
#4df7ab
```
#4df7ab rgb(77,247,171)
```

Complementary Color

#f74dee
```
#f74dee rgb(247,77,238)
```
#f74d99
```
#f74d99 rgb(247,77,153)
```
#f7564d
```
#f7564d rgb(247,86,77)
```

Analogous Color

#4deef7
```
#4deef7 rgb(77,238,247)
```
#f74d99
```
#f74d99 rgb(247,77,153)
```
#4df756
```
#4df756 rgb(77,247,86)
```

Split Complementary Color

#4d99f7
```
#4d99f7 rgb(77,153,247)
```
#f74d99
```
#f74d99 rgb(247,77,153)
```
#99f74d
```
#99f74d rgb(153,247,77)
```

Triadic Color

#ab4df7
```
#ab4df7 rgb(171,77,247)
```
#f74d99
```
#f74d99 rgb(247,77,153)
```
#99f74d
```
#99f74d rgb(153,247,77)
```
#4df7ab
```
#4df7ab rgb(77,247,171)
```

Tetradic Color

#ed0b70
```
#ed0b70 rgb(237,11,112)
```
#f51c7d
```
#f51c7d rgb(245,28,125)
```
#f6358b
```
#f6358b rgb(246,53,139)
```
#f74d99
```
#f74d99 rgb(247,77,153)
```
#f865a7
```
#f865a7 rgb(248,101,167)
```
#f97eb5
```
#f97eb5 rgb(249,126,181)
```
#fa96c3
```
#fa96c3 rgb(250,150,195)
```

Monochromatic Color

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

#f74dc4
```
#f74dc4 rgb(247,77,196)
```
#f74db5
```
#f74db5 rgb(247,77,181)
```
#f74da7
```
#f74da7 rgb(247,77,167)
```
#f74d99
```
#f74d99 rgb(247,77,153)
```
#f74d8b
```
#f74d8b rgb(247,77,139)
```
#f74d7d
```
#f74d7d rgb(247,77,125)
```
#f74d6f
```
#f74d6f rgb(247,77,111)
```

Similar Colors

Text with hexadecimal color #f74d99

This text has a font color of #f74d99.

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

#f74d99 background color

This paragraph has a background color of #f74d99.

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

#f74d99 border color

This element has a border color of #f74d99.

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

CSS codes

.text {color:#f74d99;}

.background {background-color:#f74d99;}

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

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

#0a0005
```
#0a0005 rgb(10,0,5)
```
#1c010d
```
#1c010d rgb(28,1,13)
```
#2f0216
```
#2f0216 rgb(47,2,22)
```
#42031f
```
#42031f rgb(66,3,31)
```
#550428
```
#550428 rgb(85,4,40)
```
#680531
```
#680531 rgb(104,5,49)
```
#7a053a
```
#7a053a rgb(122,5,58)
```
#8d0643
```
#8d0643 rgb(141,6,67)
```
#a0074b
```
#a0074b rgb(160,7,75)
```
#b30854
```
#b30854 rgb(179,8,84)
```
#c5095d
```
#c5095d rgb(197,9,93)
```
#d80a66
```
#d80a66 rgb(216,10,102)
```
#eb0b6f
```
#eb0b6f rgb(235,11,111)
```

Shade Color Variation

#f41579
```
#f41579 rgb(244,21,121)
```
#f52783
```
#f52783 rgb(245,39,131)
```
#f63a8e
```
#f63a8e rgb(246,58,142)
```
#f74d99
```
#f74d99 rgb(247,77,153)
```
#f860a4
```
#f860a4 rgb(248,96,164)
```
#f973af
```
#f973af rgb(249,115,175)
```
#fa85b9
```
#fa85b9 rgb(250,133,185)
```
#fa98c4
```
#fa98c4 rgb(250,152,196)
```
#fbabcf
```
#fbabcf rgb(251,171,207)
```
#fcbeda
```
#fcbeda rgb(252,190,218)
```
#fdd0e4
```
#fdd0e4 rgb(253,208,228)
```
#fee3ef
```
#fee3ef rgb(254,227,239)
```
#fff6fa
```
#fff6fa rgb(255,246,250)
```

Tint Color Variation

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

#a89ca1
```
#a89ca1 rgb(168,156,161)
```
#af95a1
```
#af95a1 rgb(175,149,161)
```
#b78da0
```
#b78da0 rgb(183,141,160)
```
#be869f
```
#be869f rgb(190,134,159)
```
#c57f9e
```
#c57f9e rgb(197,127,158)
```
#cc789e
```
#cc789e rgb(204,120,158)
```
#d3719d
```
#d3719d rgb(211,113,157)
```
#da6a9c
```
#da6a9c rgb(218,106,156)
```
#e2629b
```
#e2629b rgb(226,98,155)
```
#e95b9b
```
#e95b9b rgb(233,91,155)
```
#f0549a
```
#f0549a rgb(240,84,154)
```
#f74d99
```
#f74d99 rgb(247,77,153)
```
#fe4698
```
#fe4698 rgb(254,70,152)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9e7c8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8793bf Protanopia 1% of men
#a39091 Deuteranopia 1% of men
#f36369 Tritanopia 0.001% of the population

Trichromacy

#b079b1 Protanomaly 1% of men, 0.01% of women
#c17794 Deuteranomaly 6% of men, 0.4% of women
#f45b7a Tritanomaly 0.01% of the population