#f45dfb hex color

In a RGB color space, hex #f45dfb is composed of 95.7% red, 36.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 62.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 297.3 degrees, a saturation of 95.2% and a lightness of 67.5%. #f45dfb color hex could be obtained by blending #ffbaff with #e900f7. Closest websafe color is: #ff66ff.

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

● #f45dfb color description : Soft magenta.

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

Hex triplet	f45dfb	`#f45dfb`
RGB Decimal	244, 93, 251	`rgb(244,93,251)`
RGB Percent	95.7, 36.5, 98.4	`rgb(95.7%,36.5%,98.4%)`
CMYK	3, 63, 0, 2
HSL	297.3°, 95.2, 67.5	`hsl(297.3,95.2%,67.5%)`
HSV (or HSB)	297.3°, 62.9, 98.4
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.986, 76.558, -51.305
XYZ	58.634, 34.03, 94.742
xyY	0.313, 0.182, 34.03
CIE-LCH	64.986, 92.159, 326.172
CIE-LUV	64.986, 65.062, -92.437
Hunter-Lab	58.335, 77.326, -55.458
Binary	11110100, 01011101, 11111011

#f45dfb
```
#f45dfb rgb(244,93,251)
```
#64fb5d
```
#64fb5d rgb(100,251,93)
```

Complementary Color

#a55dfb
```
#a55dfb rgb(165,93,251)
```
#f45dfb
```
#f45dfb rgb(244,93,251)
```
#fb5db3
```
#fb5db3 rgb(251,93,179)
```

Analogous Color

#5dfba5
```
#5dfba5 rgb(93,251,165)
```
#f45dfb
```
#f45dfb rgb(244,93,251)
```
#b3fb5d
```
#b3fb5d rgb(179,251,93)
```

Split Complementary Color

#5dfbf4
```
#5dfbf4 rgb(93,251,244)
```
#f45dfb
```
#f45dfb rgb(244,93,251)
```
#fbf45d
```
#fbf45d rgb(251,244,93)
```

Triadic Color

#5d64fb
```
#5d64fb rgb(93,100,251)
```
#f45dfb
```
#f45dfb rgb(244,93,251)
```
#fbf45d
```
#fbf45d rgb(251,244,93)
```
#64fb5d
```
#64fb5d rgb(100,251,93)
```

Tetradic Color

#ef12f9
```
#ef12f9 rgb(239,18,249)
```
#f12bfa
```
#f12bfa rgb(241,43,250)
```
#f244fa
```
#f244fa rgb(242,68,250)
```
#f45dfb
```
#f45dfb rgb(244,93,251)
```
#f676fc
```
#f676fc rgb(246,118,252)
```
#f78ffc
```
#f78ffc rgb(247,143,252)
```
#f9a8fd
```
#f9a8fd rgb(249,168,253)
```

Monochromatic Color

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

#cd5dfb
```
#cd5dfb rgb(205,93,251)
```
#da5dfb
```
#da5dfb rgb(218,93,251)
```
#e75dfb
```
#e75dfb rgb(231,93,251)
```
#f45dfb
```
#f45dfb rgb(244,93,251)
```
#fb5df5
```
#fb5df5 rgb(251,93,245)
```
#fb5de8
```
#fb5de8 rgb(251,93,232)
```
#fb5ddb
```
#fb5ddb rgb(251,93,219)
```

Similar Colors

Text with hexadecimal color #f45dfb

This text has a font color of #f45dfb.

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

#f45dfb background color

This paragraph has a background color of #f45dfb.

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

#f45dfb border color

This element has a border color of #f45dfb.

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

CSS codes

.text {color:#f45dfb;}

.background {background-color:#f45dfb;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1c011d
```
#1c011d rgb(28,1,29)
```
#2e0131
```
#2e0131 rgb(46,1,49)
```
#410244
```
#410244 rgb(65,2,68)
```
#530257
```
#530257 rgb(83,2,87)
```
#65036a
```
#65036a rgb(101,3,106)
```
#78037d
```
#78037d rgb(120,3,125)
```
#8a0490
```
#8a0490 rgb(138,4,144)
```
#9c04a3
```
#9c04a3 rgb(156,4,163)
```
#af05b7
```
#af05b7 rgb(175,5,183)
```
#c105ca
```
#c105ca rgb(193,5,202)
```
#d305dd
```
#d305dd rgb(211,5,221)
```
#e606f0
```
#e606f0 rgb(230,6,240)
```

Shade Color Variation

#ef10f9
```
#ef10f9 rgb(239,16,249)
```
#f024fa
```
#f024fa rgb(240,36,250)
```
#f137fa
```
#f137fa rgb(241,55,250)
```
#f34afb
```
#f34afb rgb(243,74,251)
```
#f45dfb
```
#f45dfb rgb(244,93,251)
```
#f570fb
```
#f570fb rgb(245,112,251)
```
#f783fc
```
#f783fc rgb(247,131,252)
```
#f896fc
```
#f896fc rgb(248,150,252)
```
#f9aafd
```
#f9aafd rgb(249,170,253)
```
#fabdfd
```
#fabdfd rgb(250,189,253)
```
#fcd0fe
```
#fcd0fe rgb(252,208,254)
```
#fde3fe
```
#fde3fe rgb(253,227,254)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#aeaaae
```
#aeaaae rgb(174,170,174)
```
#b4a3b5
```
#b4a3b5 rgb(180,163,181)
```
#ba9dbb
```
#ba9dbb rgb(186,157,187)
```
#c096c2
```
#c096c2 rgb(192,150,194)
```
#c590c8
```
#c590c8 rgb(197,144,200)
```
#cb8ace
```
#cb8ace rgb(203,138,206)
```
#d183d5
```
#d183d5 rgb(209,131,213)
```
#d77ddb
```
#d77ddb rgb(215,125,219)
```
#dd77e1
```
#dd77e1 rgb(221,119,225)
```
#e370e8
```
#e370e8 rgb(227,112,232)
```
#e86aee
```
#e86aee rgb(232,106,238)
```
#ee63f5
```
#ee63f5 rgb(238,99,245)
```
#f45dfb
```
#f45dfb rgb(244,93,251)
```

Tone Color Variation

Below, you can see how #f45dfb 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
#7fa2ea Deuteranopia 1% of men
#e58790 Tritanopia 0.001% of the population

Trichromacy

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

#f45dfb hex color

#f45dfb Color Information

#f45dfb Color Conversion

Color Schemes with #f45dfb

Alternatives to #f45dfb

#f45dfb Preview

Shades and Tints of #f45dfb

Tones of #f45dfb

Color Blindness Simulator