#f974b4 hex color

In a RGB color space, hex #f974b4 is composed of 97.6% red, 45.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.4% magenta, 27.7% yellow and 2.4% black. It has a hue angle of 331.1 degrees, a saturation of 91.7% and a lightness of 71.6%. #f974b4 color hex could be obtained by blending #ffe8ff with #f30069. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 98
- G 45
- B 71
RGB color chart
- C 0
- M 53
- Y 28
- K 2
CMYK color chart

● #f974b4 color description : Soft pink.

The hexadecimal color #f974b4 has RGB values of R:249, G:116, B:180 and CMYK values of C:0, M:0.53, Y:0.28, K:0.02. Its decimal value is 16348340.

Hex triplet	f974b4	`#f974b4`
RGB Decimal	249, 116, 180	`rgb(249,116,180)`
RGB Percent	97.6, 45.5, 70.6	`rgb(97.6%,45.5%,70.6%)`
CMYK	0, 53, 28, 2
HSL	331.1°, 91.7, 71.6	`hsl(331.1,91.7%,71.6%)`
HSV (or HSB)	331.1°, 53.4, 97.6
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	66.466, 57.507, -9.28
XYZ	53.551, 35.93, 47.292
xyY	0.392, 0.263, 35.93
CIE-LCH	66.466, 58.251, 350.833
CIE-LUV	66.466, 81.085, -24.198
Hunter-Lab	59.941, 54.572, -4.819
Binary	11111001, 01110100, 10110100

#f974b4
```
#f974b4 rgb(249,116,180)
```
#74f9b9
```
#74f9b9 rgb(116,249,185)
```

Complementary Color

#f974f7
```
#f974f7 rgb(249,116,247)
```
#f974b4
```
#f974b4 rgb(249,116,180)
```
#f97774
```
#f97774 rgb(249,119,116)
```

Analogous Color

#74f7f9
```
#74f7f9 rgb(116,247,249)
```
#f974b4
```
#f974b4 rgb(249,116,180)
```
#74f977
```
#74f977 rgb(116,249,119)
```

Split Complementary Color

#74b4f9
```
#74b4f9 rgb(116,180,249)
```
#f974b4
```
#f974b4 rgb(249,116,180)
```
#b4f974
```
#b4f974 rgb(180,249,116)
```

Triadic Color

#b974f9
```
#b974f9 rgb(185,116,249)
```
#f974b4
```
#f974b4 rgb(249,116,180)
```
#b4f974
```
#b4f974 rgb(180,249,116)
```
#74f9b9
```
#74f9b9 rgb(116,249,185)
```

Tetradic Color

#f62b8c
```
#f62b8c rgb(246,43,140)
```
#f7439a
```
#f7439a rgb(247,67,154)
```
#f85ca7
```
#f85ca7 rgb(248,92,167)
```
#f974b4
```
#f974b4 rgb(249,116,180)
```
#fa8cc1
```
#fa8cc1 rgb(250,140,193)
```
#fba5ce
```
#fba5ce rgb(251,165,206)
```
#fcbddc
```
#fcbddc rgb(252,189,220)
```

Monochromatic Color

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

#f974d5
```
#f974d5 rgb(249,116,213)
```
#f974ca
```
#f974ca rgb(249,116,202)
```
#f974bf
```
#f974bf rgb(249,116,191)
```
#f974b4
```
#f974b4 rgb(249,116,180)
```
#f974a9
```
#f974a9 rgb(249,116,169)
```
#f9749e
```
#f9749e rgb(249,116,158)
```
#f97493
```
#f97493 rgb(249,116,147)
```

Similar Colors

Text with hexadecimal color #f974b4

This text has a font color of #f974b4.

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

#f974b4 background color

This paragraph has a background color of #f974b4.

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

#f974b4 border color

This element has a border color of #f974b4.

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

CSS codes

.text {color:#f974b4;}

.background {background-color:#f974b4;}

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

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

#0b0006
```
#0b0006 rgb(11,0,6)
```
#1e010f
```
#1e010f rgb(30,1,15)
```
#310219
```
#310219 rgb(49,2,25)
```
#440322
```
#440322 rgb(68,3,34)
```
#57042c
```
#57042c rgb(87,4,44)
```
#690535
```
#690535 rgb(105,5,53)
```
#7c053f
```
#7c053f rgb(124,5,63)
```
#8f0648
```
#8f0648 rgb(143,6,72)
```
#a20752
```
#a20752 rgb(162,7,82)
```
#b5085b
```
#b5085b rgb(181,8,91)
```
#c70964
```
#c70964 rgb(199,9,100)
```
#da096e
```
#da096e rgb(218,9,110)
```
#ed0a77
```
#ed0a77 rgb(237,10,119)
```

Shade Color Variation

#f51681
```
#f51681 rgb(245,22,129)
```
#f6298b
```
#f6298b rgb(246,41,139)
```
#f73c96
```
#f73c96 rgb(247,60,150)
```
#f74ea0
```
#f74ea0 rgb(247,78,160)
```
#f861aa
```
#f861aa rgb(248,97,170)
```
#f974b4
```
#f974b4 rgb(249,116,180)
```
#fa87be
```
#fa87be rgb(250,135,190)
```
#fb9ac8
```
#fb9ac8 rgb(251,154,200)
```
#fbacd2
```
#fbacd2 rgb(251,172,210)
```
#fcbfdd
```
#fcbfdd rgb(252,191,221)
```
#fdd2e7
```
#fdd2e7 rgb(253,210,231)
```
#fee5f1
```
#fee5f1 rgb(254,229,241)
```
#fff8fb
```
#fff8fb rgb(255,248,251)
```

Tint Color Variation

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

#bcb1b6
```
#bcb1b6 rgb(188,177,182)
```
#c1acb6
```
#c1acb6 rgb(193,172,182)
```
#c7a6b6
```
#c7a6b6 rgb(199,166,182)
```
#cca1b6
```
#cca1b6 rgb(204,161,182)
```
#d29bb5
```
#d29bb5 rgb(210,155,181)
```
#d895b5
```
#d895b5 rgb(216,149,181)
```
#dd90b5
```
#dd90b5 rgb(221,144,181)
```
#e38ab5
```
#e38ab5 rgb(227,138,181)
```
#e885b5
```
#e885b5 rgb(232,133,181)
```
#ee7fb4
```
#ee7fb4 rgb(238,127,180)
```
#f37ab4
```
#f37ab4 rgb(243,122,180)
```
#f974b4
```
#f974b4 rgb(249,116,180)
```
#ff6eb4
```
#ff6eb4 rgb(255,110,180)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b49aa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa4d0 Protanopia 1% of men
#b2a1ae Deuteranopia 1% of men
#f5848d Tritanopia 0.001% of the population

Trichromacy

#bc93c5 Protanomaly 1% of men, 0.01% of women
#cb91b0 Deuteranomaly 6% of men, 0.4% of women
#f67e9b Tritanomaly 0.01% of the population

#f974b4 hex color

#f974b4 Color Information

#f974b4 Color Conversion

Color Schemes with #f974b4

Alternatives to #f974b4

#f974b4 Preview

Shades and Tints of #f974b4

Tones of #f974b4

Color Blindness Simulator