#f45dfa hex color

In a RGB color space, hex #f45dfa is composed of 95.7% red, 36.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 62.8% magenta, 0% yellow and 2% black. It has a hue angle of 297.7 degrees, a saturation of 94% and a lightness of 67.3%. #f45dfa color hex could be obtained by blending #ffbaff with #e900f5. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 36
- B 98
RGB color chart
- C 2
- M 63
- Y 0
- K 2
CMYK color chart

● #f45dfa color description : Soft magenta.

The hexadecimal color #f45dfa has RGB values of R:244, G:93, B:250 and CMYK values of C:0.02, M:0.63, Y:0, K:0.02. Its decimal value is 16014842.

Hex triplet	f45dfa	`#f45dfa`
RGB Decimal	244, 93, 250	`rgb(244,93,250)`
RGB Percent	95.7, 36.5, 98	`rgb(95.7%,36.5%,98%)`
CMYK	2, 63, 0, 2
HSL	297.7°, 94, 67.3	`hsl(297.7,94%,67.3%)`
HSV (or HSB)	297.7°, 62.8, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.936, 76.392, -50.833
XYZ	58.476, 33.967, 93.914
xyY	0.314, 0.182, 33.967
CIE-LCH	64.936, 91.759, 326.359
CIE-LUV	64.936, 65.367, -91.65
Hunter-Lab	58.281, 77.105, -54.742
Binary	11110100, 01011101, 11111010

#f45dfa
```
#f45dfa rgb(244,93,250)
```
#63fa5d
```
#63fa5d rgb(99,250,93)
```

Complementary Color

#a65dfa
```
#a65dfa rgb(166,93,250)
```
#f45dfa
```
#f45dfa rgb(244,93,250)
```
#fa5db2
```
#fa5db2 rgb(250,93,178)
```

Analogous Color

#5dfaa6
```
#5dfaa6 rgb(93,250,166)
```
#f45dfa
```
#f45dfa rgb(244,93,250)
```
#b2fa5d
```
#b2fa5d rgb(178,250,93)
```

Split Complementary Color

#5dfaf4
```
#5dfaf4 rgb(93,250,244)
```
#f45dfa
```
#f45dfa rgb(244,93,250)
```
#faf45d
```
#faf45d rgb(250,244,93)
```

Triadic Color

#5d63fa
```
#5d63fa rgb(93,99,250)
```
#f45dfa
```
#f45dfa rgb(244,93,250)
```
#faf45d
```
#faf45d rgb(250,244,93)
```
#63fa5d
```
#63fa5d rgb(99,250,93)
```

Tetradic Color

#ef13f8
```
#ef13f8 rgb(239,19,248)
```
#f12cf8
```
#f12cf8 rgb(241,44,248)
```
#f244f9
```
#f244f9 rgb(242,68,249)
```
#f45dfa
```
#f45dfa rgb(244,93,250)
```
#f676fb
```
#f676fb rgb(246,118,251)
```
#f78efc
```
#f78efc rgb(247,142,252)
```
#f9a7fc
```
#f9a7fc rgb(249,167,252)
```

Monochromatic Color

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

#cd5dfa
```
#cd5dfa rgb(205,93,250)
```
#da5dfa
```
#da5dfa rgb(218,93,250)
```
#e75dfa
```
#e75dfa rgb(231,93,250)
```
#f45dfa
```
#f45dfa rgb(244,93,250)
```
#fa5df3
```
#fa5df3 rgb(250,93,243)
```
#fa5de6
```
#fa5de6 rgb(250,93,230)
```
#fa5dd9
```
#fa5dd9 rgb(250,93,217)
```

Similar Colors

Text with hexadecimal color #f45dfa

This text has a font color of #f45dfa.

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

#f45dfa background color

This paragraph has a background color of #f45dfa.

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

#f45dfa border color

This element has a border color of #f45dfa.

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

CSS codes

.text {color:#f45dfa;}

.background {background-color:#f45dfa;}

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

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

#090009
```
#090009 rgb(9,0,9)
```
#1b011c
```
#1b011c rgb(27,1,28)
```
#2e012f
```
#2e012f rgb(46,1,47)
```
#400242
```
#400242 rgb(64,2,66)
```
#520355
```
#520355 rgb(82,3,85)
```
#650368
```
#650368 rgb(101,3,104)
```
#77047b
```
#77047b rgb(119,4,123)
```
#89048e
```
#89048e rgb(137,4,142)
```
#9b05a1
```
#9b05a1 rgb(155,5,161)
```
#ae06b5
```
#ae06b5 rgb(174,6,181)
```
#c006c8
```
#c006c8 rgb(192,6,200)
```
#d207db
```
#d207db rgb(210,7,219)
```
#e507ee
```
#e507ee rgb(229,7,238)
```

Shade Color Variation

#ef11f8
```
#ef11f8 rgb(239,17,248)
```
#f024f8
```
#f024f8 rgb(240,36,248)
```
#f137f9
```
#f137f9 rgb(241,55,249)
```
#f34af9
```
#f34af9 rgb(243,74,249)
```
#f45dfa
```
#f45dfa rgb(244,93,250)
```
#f570fb
```
#f570fb rgb(245,112,251)
```
#f783fb
```
#f783fb rgb(247,131,251)
```
#f896fc
```
#f896fc rgb(248,150,252)
```
#f9a9fc
```
#f9a9fc rgb(249,169,252)
```
#fabcfd
```
#fabcfd rgb(250,188,253)
```
#fccffe
```
#fccffe rgb(252,207,254)
```
#fde2fe
```
#fde2fe rgb(253,226,254)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#adaaad
```
#adaaad rgb(173,170,173)
```
#b3a4b3
```
#b3a4b3 rgb(179,164,179)
```
#b99dba
```
#b99dba rgb(185,157,186)
```
#bf97c0
```
#bf97c0 rgb(191,151,192)
```
#c590c7
```
#c590c7 rgb(197,144,199)
```
#ca8acd
```
#ca8acd rgb(202,138,205)
```
#d084d3
```
#d084d3 rgb(208,132,211)
```
#d67dda
```
#d67dda rgb(214,125,218)
```
#dc77e0
```
#dc77e0 rgb(220,119,224)
```
#e270e7
```
#e270e7 rgb(226,112,231)
```
#e86aed
```
#e86aed rgb(232,106,237)
```
#ee63f4
```
#ee63f4 rgb(238,99,244)
```
#f45dfa
```
#f45dfa rgb(244,93,250)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#ae8faf Atypical Achromatopsia 0.001% of the population

Dichromacy

#779fff Protanopia 1% of men
#80a1e9 Deuteranopia 1% of men
#e6868f Tritanopia 0.001% of the population

Trichromacy

#a487fd Protanomaly 1% of men, 0.01% of women
#aa88ef Deuteranomaly 6% of men, 0.4% of women
#eb77b6 Tritanomaly 0.01% of the population

#f45dfa hex color

#f45dfa Color Information

#f45dfa Color Conversion

Color Schemes with #f45dfa

Alternatives to #f45dfa

#f45dfa Preview

Shades and Tints of #f45dfa

Tones of #f45dfa

Color Blindness Simulator