#f76bda hex color

In a RGB color space, hex #f76bda is composed of 96.9% red, 42% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.7% magenta, 11.7% yellow and 3.1% black. It has a hue angle of 312.4 degrees, a saturation of 89.7% and a lightness of 69.4%. #f76bda color hex could be obtained by blending #ffd6ff with #ef00b5. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 97
- G 42
- B 85
RGB color chart
- C 0
- M 57
- Y 12
- K 3
CMYK color chart

● #f76bda color description : Soft magenta.

The hexadecimal color #f76bda has RGB values of R:247, G:107, B:218 and CMYK values of C:0, M:0.57, Y:0.12, K:0.03. Its decimal value is 16215002.

Hex triplet	f76bda	`#f76bda`
RGB Decimal	247, 107, 218	`rgb(247,107,218)`
RGB Percent	96.9, 42, 85.5	`rgb(96.9%,42%,85.5%)`
CMYK	0, 57, 12, 3
HSL	312.4°, 89.7, 69.4	`hsl(312.4,89.7%,69.4%)`
HSV (or HSB)	312.4°, 56.7, 96.9
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	66.024, 66.286, -31.346
XYZ	56.27, 35.355, 70.186
xyY	0.348, 0.218, 35.355
CIE-LCH	66.024, 73.324, 334.691
CIE-LUV	66.024, 72.539, -59.371
Hunter-Lab	59.46, 64.867, -28.363
Binary	11110111, 01101011, 11011010

#f76bda
```
#f76bda rgb(247,107,218)
```
#6bf788
```
#6bf788 rgb(107,247,136)
```

Complementary Color

#ce6bf7
```
#ce6bf7 rgb(206,107,247)
```
#f76bda
```
#f76bda rgb(247,107,218)
```
#f76b94
```
#f76b94 rgb(247,107,148)
```

Analogous Color

#6bf7ce
```
#6bf7ce rgb(107,247,206)
```
#f76bda
```
#f76bda rgb(247,107,218)
```
#94f76b
```
#94f76b rgb(148,247,107)
```

Split Complementary Color

#6bdaf7
```
#6bdaf7 rgb(107,218,247)
```
#f76bda
```
#f76bda rgb(247,107,218)
```
#daf76b
```
#daf76b rgb(218,247,107)
```

Triadic Color

#886bf7
```
#886bf7 rgb(136,107,247)
```
#f76bda
```
#f76bda rgb(247,107,218)
```
#daf76b
```
#daf76b rgb(218,247,107)
```
#6bf788
```
#6bf788 rgb(107,247,136)
```

Tetradic Color

#f322c8
```
#f322c8 rgb(243,34,200)
```
#f43bce
```
#f43bce rgb(244,59,206)
```
#f653d4
```
#f653d4 rgb(246,83,212)
```
#f76bda
```
#f76bda rgb(247,107,218)
```
#f883e0
```
#f883e0 rgb(248,131,224)
```
#fa9be6
```
#fa9be6 rgb(250,155,230)
```
#fbb4ec
```
#fbb4ec rgb(251,180,236)
```

Monochromatic Color

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

#f16bf7
```
#f16bf7 rgb(241,107,247)
```
#f76bf1
```
#f76bf1 rgb(247,107,241)
```
#f76be6
```
#f76be6 rgb(247,107,230)
```
#f76bda
```
#f76bda rgb(247,107,218)
```
#f76bce
```
#f76bce rgb(247,107,206)
```
#f76bc3
```
#f76bc3 rgb(247,107,195)
```
#f76bb7
```
#f76bb7 rgb(247,107,183)
```

Similar Colors

Text with hexadecimal color #f76bda

This text has a font color of #f76bda.

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

#f76bda background color

This paragraph has a background color of #f76bda.

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

#f76bda border color

This element has a border color of #f76bda.

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

CSS codes

.text {color:#f76bda;}

.background {background-color:#f76bda;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#130110
```
#130110 rgb(19,1,16)
```
#26021f
```
#26021f rgb(38,2,31)
```
#39032e
```
#39032e rgb(57,3,46)
```
#4b043d
```
#4b043d rgb(75,4,61)
```
#5e054c
```
#5e054c rgb(94,5,76)
```
#71065a
```
#71065a rgb(113,6,90)
```
#830769
```
#830769 rgb(131,7,105)
```
#960878
```
#960878 rgb(150,8,120)
```
#a80987
```
#a80987 rgb(168,9,135)
```
#bb0a96
```
#bb0a96 rgb(187,10,150)
```
#ce0ba5
```
#ce0ba5 rgb(206,11,165)
```
#e00cb4
```
#e00cb4 rgb(224,12,180)
```

Shade Color Variation

#f20ec3
```
#f20ec3 rgb(242,14,195)
```
#f321c7
```
#f321c7 rgb(243,33,199)
```
#f433cc
```
#f433cc rgb(244,51,204)
```
#f546d1
```
#f546d1 rgb(245,70,209)
```
#f658d5
```
#f658d5 rgb(246,88,213)
```
#f76bda
```
#f76bda rgb(247,107,218)
```
#f87edf
```
#f87edf rgb(248,126,223)
```
#f990e3
```
#f990e3 rgb(249,144,227)
```
#faa3e8
```
#faa3e8 rgb(250,163,232)
```
#fbb5ed
```
#fbb5ed rgb(251,181,237)
```
#fcc8f1
```
#fcc8f1 rgb(252,200,241)
```
#fddbf6
```
#fddbf6 rgb(253,219,246)
```
#feedfb
```
#feedfb rgb(254,237,251)
```

Tint Color Variation

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

#b5adb3
```
#b5adb3 rgb(181,173,179)
```
#bba7b7
```
#bba7b7 rgb(187,167,183)
```
#c1a1ba
```
#c1a1ba rgb(193,161,186)
```
#c79bbe
```
#c79bbe rgb(199,155,190)
```
#cd95c1
```
#cd95c1 rgb(205,149,193)
```
#d38fc5
```
#d38fc5 rgb(211,143,197)
```
#d989c8
```
#d989c8 rgb(217,137,200)
```
#df83cc
```
#df83cc rgb(223,131,204)
```
#e57dcf
```
#e57dcf rgb(229,125,207)
```
#eb77d3
```
#eb77d3 rgb(235,119,211)
```
#f171d6
```
#f171d6 rgb(241,113,214)
```
#f76bda
```
#f76bda rgb(247,107,218)
```
#fd65de
```
#fd65de rgb(253,101,222)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b397ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#7fa2fc Protanopia 1% of men
#9da2cf Deuteranopia 1% of men
#ee868f Tritanopia 0.001% of the population

Trichromacy

#ab8ef0 Protanomaly 1% of men, 0.01% of women
#bd8ed3 Deuteranomaly 6% of men, 0.4% of women
#f17caa Tritanomaly 0.01% of the population

#f76bda hex color

#f76bda Color Information

#f76bda Color Conversion

Color Schemes with #f76bda

Alternatives to #f76bda

#f76bda Preview

Shades and Tints of #f76bda

Tones of #f76bda

Color Blindness Simulator