#f474f4 hex color

In a RGB color space, hex #f474f4 is composed of 95.7% red, 45.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 300 degrees, a saturation of 85.3% and a lightness of 70.6%. #f474f4 color hex could be obtained by blending #ffe8ff with #e900e9. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 45
- B 96
RGB color chart
- C 0
- M 52
- Y 0
- K 4
CMYK color chart

● #f474f4 color description : Soft magenta.

The hexadecimal color #f474f4 has RGB values of R:244, G:116, B:244 and CMYK values of C:0, M:0.52, Y:0, K:0.04. Its decimal value is 16020724.

Hex triplet	f474f4	`#f474f4`
RGB Decimal	244, 116, 244	`rgb(244,116,244)`
RGB Percent	95.7, 45.5, 95.7	`rgb(95.7%,45.5%,95.7%)`
CMYK	0, 52, 0, 4
HSL	300°, 85.3, 70.6	`hsl(300,85.3%,70.6%)`
HSV (or HSB)	300°, 52.5, 95.7
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	68.211, 65.658, -42.376
XYZ	59.881, 38.259, 89.814
xyY	0.319, 0.204, 38.259
CIE-LCH	68.211, 78.145, 327.161
CIE-LUV	68.211, 59.727, -77.241
Hunter-Lab	61.854, 64.565, -42.794
Binary	11110100, 01110100, 11110100

#f474f4
```
#f474f4 rgb(244,116,244)
```
#74f474
```
#74f474 rgb(116,244,116)
```

Complementary Color

#b474f4
```
#b474f4 rgb(180,116,244)
```
#f474f4
```
#f474f4 rgb(244,116,244)
```
#f474b4
```
#f474b4 rgb(244,116,180)
```

Analogous Color

#74f4b4
```
#74f4b4 rgb(116,244,180)
```
#f474f4
```
#f474f4 rgb(244,116,244)
```
#b4f474
```
#b4f474 rgb(180,244,116)
```

Split Complementary Color

#74f4f4
```
#74f4f4 rgb(116,244,244)
```
#f474f4
```
#f474f4 rgb(244,116,244)
```
#f4f474
```
#f4f474 rgb(244,244,116)
```

Triadic Color

#7474f4
```
#7474f4 rgb(116,116,244)
```
#f474f4
```
#f474f4 rgb(244,116,244)
```
#f4f474
```
#f4f474 rgb(244,244,116)
```
#74f474
```
#74f474 rgb(116,244,116)
```

Tetradic Color

#ee2dee
```
#ee2dee rgb(238,45,238)
```
#f045f0
```
#f045f0 rgb(240,69,240)
```
#f25cf2
```
#f25cf2 rgb(242,92,242)
```
#f474f4
```
#f474f4 rgb(244,116,244)
```
#f68cf6
```
#f68cf6 rgb(246,140,246)
```
#f8a3f8
```
#f8a3f8 rgb(248,163,248)
```
#fabbfa
```
#fabbfa rgb(250,187,250)
```

Monochromatic Color

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

#d474f4
```
#d474f4 rgb(212,116,244)
```
#df74f4
```
#df74f4 rgb(223,116,244)
```
#e974f4
```
#e974f4 rgb(233,116,244)
```
#f474f4
```
#f474f4 rgb(244,116,244)
```
#f474e9
```
#f474e9 rgb(244,116,233)
```
#f474df
```
#f474df rgb(244,116,223)
```
#f474d4
```
#f474d4 rgb(244,116,212)
```

Similar Colors

Text with hexadecimal color #f474f4

This text has a font color of #f474f4.

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

#f474f4 background color

This paragraph has a background color of #f474f4.

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

#f474f4 border color

This element has a border color of #f474f4.

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

CSS codes

.text {color:#f474f4;}

.background {background-color:#f474f4;}

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

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

#060106
```
#060106 rgb(6,1,6)
```
#190219
```
#190219 rgb(25,2,25)
```
#2b032b
```
#2b032b rgb(43,3,43)
```
#3d053d
```
#3d053d rgb(61,5,61)
```
#4f064f
```
#4f064f rgb(79,6,79)
```
#610861
```
#610861 rgb(97,8,97)
```
#730973
```
#730973 rgb(115,9,115)
```
#860b86
```
#860b86 rgb(134,11,134)
```
#980c98
```
#980c98 rgb(152,12,152)
```
#aa0daa
```
#aa0daa rgb(170,13,170)
```
#bc0fbc
```
#bc0fbc rgb(188,15,188)
```
#ce10ce
```
#ce10ce rgb(206,16,206)
```
#e112e1
```
#e112e1 rgb(225,18,225)
```

Shade Color Variation

#ed19ed
```
#ed19ed rgb(237,25,237)
```
#ee2bee
```
#ee2bee rgb(238,43,238)
```
#f03df0
```
#f03df0 rgb(240,61,240)
```
#f150f1
```
#f150f1 rgb(241,80,241)
```
#f362f3
```
#f362f3 rgb(243,98,243)
```
#f474f4
```
#f474f4 rgb(244,116,244)
```
#f586f5
```
#f586f5 rgb(245,134,245)
```
#f798f7
```
#f798f7 rgb(247,152,247)
```
#f8abf8
```
#f8abf8 rgb(248,171,248)
```
#fabdfa
```
#fabdfa rgb(250,189,250)
```
#fbcffb
```
#fbcffb rgb(251,207,251)
```
#fde1fd
```
#fde1fd rgb(253,225,253)
```
#fef3fe
```
#fef3fe rgb(254,243,254)
```

Tint Color Variation

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

#b5b3b5
```
#b5b3b5 rgb(181,179,181)
```
#baaeba
```
#baaeba rgb(186,174,186)
```
#c0a8c0
```
#c0a8c0 rgb(192,168,192)
```
#c6a2c6
```
#c6a2c6 rgb(198,162,198)
```
#cc9ccc
```
#cc9ccc rgb(204,156,204)
```
#d197d1
```
#d197d1 rgb(209,151,209)
```
#d791d7
```
#d791d7 rgb(215,145,215)
```
#dd8bdd
```
#dd8bdd rgb(221,139,221)
```
#e385e3
```
#e385e3 rgb(227,133,227)
```
#e880e8
```
#e880e8 rgb(232,128,232)
```
#ee7aee
```
#ee7aee rgb(238,122,238)
```
#f474f4
```
#f474f4 rgb(244,116,244)
```
#fa6efa
```
#fa6efa rgb(250,110,250)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b89eb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a8ff Protanopia 1% of men
#94a9e7 Deuteranopia 1% of men
#e8929c Tritanopia 0.001% of the population

Trichromacy

#ae95fb Protanomaly 1% of men, 0.01% of women
#b795eb Deuteranomaly 6% of men, 0.4% of women
#ec87bc Tritanomaly 0.01% of the population

#f474f4 hex color

#f474f4 Color Information

#f474f4 Color Conversion

Color Schemes with #f474f4

Alternatives to #f474f4

#f474f4 Preview

Shades and Tints of #f474f4

Tones of #f474f4

Color Blindness Simulator