#f06bdf hex color

In a RGB color space, hex #f06bdf is composed of 94.1% red, 42% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 7.1% yellow and 5.9% black. It has a hue angle of 307.7 degrees, a saturation of 81.6% and a lightness of 68%. #f06bdf color hex could be obtained by blending #ffd6ff with #e100bf. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 94
- G 42
- B 87
RGB color chart
- C 0
- M 55
- Y 7
- K 6
CMYK color chart

● #f06bdf color description : Soft magenta.

The hexadecimal color #f06bdf has RGB values of R:240, G:107, B:223 and CMYK values of C:0, M:0.55, Y:0.07, K:0.06. Its decimal value is 15756255.

Hex triplet	f06bdf	`#f06bdf`
RGB Decimal	240, 107, 223	`rgb(240,107,223)`
RGB Percent	94.1, 42, 87.5	`rgb(94.1%,42%,87.5%)`
CMYK	0, 55, 7, 6
HSL	307.7°, 81.6, 68	`hsl(307.7,81.6%,68%)`
HSV (or HSB)	307.7°, 55.4, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	65.256, 65.175, -35.404
XYZ	54.511, 34.372, 73.571
xyY	0.336, 0.212, 34.372
CIE-LCH	65.256, 74.17, 331.489
CIE-LUV	65.256, 66.075, -65.455
Hunter-Lab	58.627, 63.371, -33.364
Binary	11110000, 01101011, 11011111

#f06bdf
```
#f06bdf rgb(240,107,223)
```
#6bf07c
```
#6bf07c rgb(107,240,124)
```

Complementary Color

#bf6bf0
```
#bf6bf0 rgb(191,107,240)
```
#f06bdf
```
#f06bdf rgb(240,107,223)
```
#f06b9d
```
#f06b9d rgb(240,107,157)
```

Analogous Color

#6bf0bf
```
#6bf0bf rgb(107,240,191)
```
#f06bdf
```
#f06bdf rgb(240,107,223)
```
#9df06b
```
#9df06b rgb(157,240,107)
```

Split Complementary Color

#6bdff0
```
#6bdff0 rgb(107,223,240)
```
#f06bdf
```
#f06bdf rgb(240,107,223)
```
#dff06b
```
#dff06b rgb(223,240,107)
```

Triadic Color

#7c6bf0
```
#7c6bf0 rgb(124,107,240)
```
#f06bdf
```
#f06bdf rgb(240,107,223)
```
#dff06b
```
#dff06b rgb(223,240,107)
```
#6bf07c
```
#6bf07c rgb(107,240,124)
```

Tetradic Color

#e926d0
```
#e926d0 rgb(233,38,208)
```
#eb3dd5
```
#eb3dd5 rgb(235,61,213)
```
#ee54da
```
#ee54da rgb(238,84,218)
```
#f06bdf
```
#f06bdf rgb(240,107,223)
```
#f282e4
```
#f282e4 rgb(242,130,228)
```
#f599e9
```
#f599e9 rgb(245,153,233)
```
#f7b0ee
```
#f7b0ee rgb(247,176,238)
```

Monochromatic Color

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

#e06bf0
```
#e06bf0 rgb(224,107,240)
```
#eb6bf0
```
#eb6bf0 rgb(235,107,240)
```
#f06bea
```
#f06bea rgb(240,107,234)
```
#f06bdf
```
#f06bdf rgb(240,107,223)
```
#f06bd4
```
#f06bd4 rgb(240,107,212)
```
#f06bc9
```
#f06bc9 rgb(240,107,201)
```
#f06bbe
```
#f06bbe rgb(240,107,190)
```

Similar Colors

Text with hexadecimal color #f06bdf

This text has a font color of #f06bdf.

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

#f06bdf background color

This paragraph has a background color of #f06bdf.

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

#f06bdf border color

This element has a border color of #f06bdf.

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

CSS codes

.text {color:#f06bdf;}

.background {background-color:#f06bdf;}

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

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

#0c010b
```
#0c010b rgb(12,1,11)
```
#1e031b
```
#1e031b rgb(30,3,27)
```
#30052a
```
#30052a rgb(48,5,42)
```
#42073a
```
#42073a rgb(66,7,58)
```
#54084a
```
#54084a rgb(84,8,74)
```
#650a5a
```
#650a5a rgb(101,10,90)
```
#770c69
```
#770c69 rgb(119,12,105)
```
#890e79
```
#890e79 rgb(137,14,121)
```
#9b1089
```
#9b1089 rgb(155,16,137)
```
#ad1199
```
#ad1199 rgb(173,17,153)
```
#be13a9
```
#be13a9 rgb(190,19,169)
```
#d015b8
```
#d015b8 rgb(208,21,184)
```
#e217c8
```
#e217c8 rgb(226,23,200)
```

Shade Color Variation

#e924d0
```
#e924d0 rgb(233,36,208)
```
#eb36d3
```
#eb36d3 rgb(235,54,211)
```
#ec47d7
```
#ec47d7 rgb(236,71,215)
```
#ee59db
```
#ee59db rgb(238,89,219)
```
#f06bdf
```
#f06bdf rgb(240,107,223)
```
#f27de3
```
#f27de3 rgb(242,125,227)
```
#f48fe7
```
#f48fe7 rgb(244,143,231)
```
#f5a0eb
```
#f5a0eb rgb(245,160,235)
```
#f7b2ee
```
#f7b2ee rgb(247,178,238)
```
#f9c4f2
```
#f9c4f2 rgb(249,196,242)
```
#fbd6f6
```
#fbd6f6 rgb(251,214,246)
```
#fde8fa
```
#fde8fa rgb(253,232,250)
```
#fef9fe
```
#fef9fe rgb(254,249,254)
```

Tint Color Variation

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

#b1aab0
```
#b1aab0 rgb(177,170,176)
```
#b8a3b5
```
#b8a3b5 rgb(184,163,181)
```
#be9dba
```
#be9dba rgb(190,157,186)
```
#c497be
```
#c497be rgb(196,151,190)
```
#ca91c3
```
#ca91c3 rgb(202,145,195)
```
#d18ac8
```
#d18ac8 rgb(209,138,200)
```
#d784cc
```
#d784cc rgb(215,132,204)
```
#dd7ed1
```
#dd7ed1 rgb(221,126,209)
```
#e378d6
```
#e378d6 rgb(227,120,214)
```
#ea71da
```
#ea71da rgb(234,113,218)
```
#f06bdf
```
#f06bdf rgb(240,107,223)
```
#f665e4
```
#f665e4 rgb(246,101,228)
```
#fd5ee8
```
#fd5ee8 rgb(253,94,232)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#b095ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#7aa0ff Protanopia 1% of men
#96a1d3 Deuteranopia 1% of men
#e68790 Tritanopia 0.001% of the population

Trichromacy

#a58cf3 Protanomaly 1% of men, 0.01% of women
#b68dd7 Deuteranomaly 6% of men, 0.4% of women
#ea7dad Tritanomaly 0.01% of the population

#f06bdf hex color

#f06bdf Color Information

#f06bdf Color Conversion

Color Schemes with #f06bdf

Alternatives to #f06bdf

#f06bdf Preview

Shades and Tints of #f06bdf

Tones of #f06bdf

Color Blindness Simulator