#f56bfd hex color

In a RGB color space, hex #f56bfd is composed of 96.1% red, 42% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 57.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.7 degrees, a saturation of 97.3% and a lightness of 70.6%. #f56bfd color hex could be obtained by blending #ffd6ff with #eb00fb. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 42
- B 99
RGB color chart
- C 3
- M 58
- Y 0
- K 1
CMYK color chart

● #f56bfd color description : Soft magenta.

The hexadecimal color #f56bfd has RGB values of R:245, G:107, B:253 and CMYK values of C:0.03, M:0.58, Y:0, K:0.01. Its decimal value is 16083965.

Hex triplet	f56bfd	`#f56bfd`
RGB Decimal	245, 107, 253	`rgb(245,107,253)`
RGB Percent	96.1, 42, 99.2	`rgb(96.1%,42%,99.2%)`
CMYK	3, 58, 0, 1
HSL	296.7°, 97.3, 70.6	`hsl(296.7,97.3%,70.6%)`
HSV (or HSB)	296.7°, 57.7, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	67.294, 71.416, -48.749
XYZ	60.642, 37.023, 96.875
xyY	0.312, 0.19, 37.023
CIE-LCH	67.294, 86.468, 325.682
CIE-LUV	67.294, 60.988, -88.189
Hunter-Lab	60.846, 71.419, -51.805
Binary	11110101, 01101011, 11111101

#f56bfd
```
#f56bfd rgb(245,107,253)
```
#73fd6b
```
#73fd6b rgb(115,253,107)
```

Complementary Color

#ac6bfd
```
#ac6bfd rgb(172,107,253)
```
#f56bfd
```
#f56bfd rgb(245,107,253)
```
#fd6bbc
```
#fd6bbc rgb(253,107,188)
```

Analogous Color

#6bfdac
```
#6bfdac rgb(107,253,172)
```
#f56bfd
```
#f56bfd rgb(245,107,253)
```
#bcfd6b
```
#bcfd6b rgb(188,253,107)
```

Split Complementary Color

#6bfdf5
```
#6bfdf5 rgb(107,253,245)
```
#f56bfd
```
#f56bfd rgb(245,107,253)
```
#fdf56b
```
#fdf56b rgb(253,245,107)
```

Triadic Color

#6b73fd
```
#6b73fd rgb(107,115,253)
```
#f56bfd
```
#f56bfd rgb(245,107,253)
```
#fdf56b
```
#fdf56b rgb(253,245,107)
```
#73fd6b
```
#73fd6b rgb(115,253,107)
```

Tetradic Color

#f020fc
```
#f020fc rgb(240,32,252)
```
#f239fc
```
#f239fc rgb(242,57,252)
```
#f352fd
```
#f352fd rgb(243,82,253)
```
#f56bfd
```
#f56bfd rgb(245,107,253)
```
#f784fd
```
#f784fd rgb(247,132,253)
```
#f89dfe
```
#f89dfe rgb(248,157,254)
```
#fab6fe
```
#fab6fe rgb(250,182,254)
```

Monochromatic Color

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

#d16bfd
```
#d16bfd rgb(209,107,253)
```
#dd6bfd
```
#dd6bfd rgb(221,107,253)
```
#e96bfd
```
#e96bfd rgb(233,107,253)
```
#f56bfd
```
#f56bfd rgb(245,107,253)
```
#fd6bf9
```
#fd6bf9 rgb(253,107,249)
```
#fd6bed
```
#fd6bed rgb(253,107,237)
```
#fd6be1
```
#fd6be1 rgb(253,107,225)
```

Similar Colors

Text with hexadecimal color #f56bfd

This text has a font color of #f56bfd.

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

#f56bfd background color

This paragraph has a background color of #f56bfd.

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

#f56bfd border color

This element has a border color of #f56bfd.

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

CSS codes

.text {color:#f56bfd;}

.background {background-color:#f56bfd;}

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

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

#060007
```
#060007 rgb(6,0,7)
```
#19001a
```
#19001a rgb(25,0,26)
```
#2b012e
```
#2b012e rgb(43,1,46)
```
#3d0141
```
#3d0141 rgb(61,1,65)
```
#500154
```
#500154 rgb(80,1,84)
```
#620168
```
#620168 rgb(98,1,104)
```
#74027b
```
#74027b rgb(116,2,123)
```
#87028e
```
#87028e rgb(135,2,142)
```
#9902a2
```
#9902a2 rgb(153,2,162)
```
#ab02b5
```
#ab02b5 rgb(171,2,181)
```
#be03c8
```
#be03c8 rgb(190,3,200)
```
#d003dc
```
#d003dc rgb(208,3,220)
```
#e203ef
```
#e203ef rgb(226,3,239)
```

Shade Color Variation

#ee0afc
```
#ee0afc rgb(238,10,252)
```
#f01efc
```
#f01efc rgb(240,30,252)
```
#f131fc
```
#f131fc rgb(241,49,252)
```
#f244fc
```
#f244fc rgb(242,68,252)
```
#f458fd
```
#f458fd rgb(244,88,253)
```
#f56bfd
```
#f56bfd rgb(245,107,253)
```
#f67efd
```
#f67efd rgb(246,126,253)
```
#f892fe
```
#f892fe rgb(248,146,254)
```
#f9a5fe
```
#f9a5fe rgb(249,165,254)
```
#fab8fe
```
#fab8fe rgb(250,184,254)
```
#fcccfe
```
#fcccfe rgb(252,204,254)
```
#fddfff
```
#fddfff rgb(253,223,255)
```
#fef2ff
```
#fef2ff rgb(254,242,255)
```

Tint Color Variation

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

#b7b0b8
```
#b7b0b8 rgb(183,176,184)
```
#bcaabe
```
#bcaabe rgb(188,170,190)
```
#c2a5c3
```
#c2a5c3 rgb(194,165,195)
```
#c79fc9
```
#c79fc9 rgb(199,159,201)
```
#cc99cf
```
#cc99cf rgb(204,153,207)
```
#d193d5
```
#d193d5 rgb(209,147,213)
```
#d68eda
```
#d68eda rgb(214,142,218)
```
#db88e0
```
#db88e0 rgb(219,136,224)
```
#e082e6
```
#e082e6 rgb(224,130,230)
```
#e67cec
```
#e67cec rgb(230,124,236)
```
#eb77f1
```
#eb77f1 rgb(235,119,241)
```
#f071f7
```
#f071f7 rgb(240,113,247)
```
#f56bfd
```
#f56bfd rgb(245,107,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b599b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a5ff Protanopia 1% of men
#89a7ed Deuteranopia 1% of men
#e78f99 Tritanopia 0.001% of the population

Trichromacy

#ac90fe Protanomaly 1% of men, 0.01% of women
#b091f3 Deuteranomaly 6% of men, 0.4% of women
#ec82bd Tritanomaly 0.01% of the population

#f56bfd hex color

#f56bfd Color Information

#f56bfd Color Conversion

Color Schemes with #f56bfd

Alternatives to #f56bfd

#f56bfd Preview

Shades and Tints of #f56bfd

Tones of #f56bfd

Color Blindness Simulator