#f06bc8 hex color

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

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

● #f06bc8 color description : Soft pink.

The hexadecimal color #f06bc8 has RGB values of R:240, G:107, B:200 and CMYK values of C:0, M:0.55, Y:0.17, K:0.06. Its decimal value is 15756232.

Hex triplet	f06bc8	`#f06bc8`
RGB Decimal	240, 107, 200	`rgb(240,107,200)`
RGB Percent	94.1, 42, 78.4	`rgb(94.1%,42%,78.4%)`
CMYK	0, 55, 17, 6
HSL	318°, 81.6, 68	`hsl(318,81.6%,68%)`
HSV (or HSB)	318°, 55.4, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	64.334, 61.668, -23.929
XYZ	51.618, 33.214, 58.333
xyY	0.361, 0.232, 33.214
CIE-LCH	64.334, 66.147, 338.792
CIE-LUV	64.334, 72.775, -46.772
Hunter-Lab	57.632, 59.018, -19.669
Binary	11110000, 01101011, 11001000

#f06bc8
```
#f06bc8 rgb(240,107,200)
```
#6bf093
```
#6bf093 rgb(107,240,147)
```

Complementary Color

#d66bf0
```
#d66bf0 rgb(214,107,240)
```
#f06bc8
```
#f06bc8 rgb(240,107,200)
```
#f06b86
```
#f06b86 rgb(240,107,134)
```

Analogous Color

#6bf0d6
```
#6bf0d6 rgb(107,240,214)
```
#f06bc8
```
#f06bc8 rgb(240,107,200)
```
#86f06b
```
#86f06b rgb(134,240,107)
```

Split Complementary Color

#6bc8f0
```
#6bc8f0 rgb(107,200,240)
```
#f06bc8
```
#f06bc8 rgb(240,107,200)
```
#c8f06b
```
#c8f06b rgb(200,240,107)
```

Triadic Color

#936bf0
```
#936bf0 rgb(147,107,240)
```
#f06bc8
```
#f06bc8 rgb(240,107,200)
```
#c8f06b
```
#c8f06b rgb(200,240,107)
```
#6bf093
```
#6bf093 rgb(107,240,147)
```

Tetradic Color

#e926ae
```
#e926ae rgb(233,38,174)
```
#eb3db7
```
#eb3db7 rgb(235,61,183)
```
#ee54bf
```
#ee54bf rgb(238,84,191)
```
#f06bc8
```
#f06bc8 rgb(240,107,200)
```
#f282d1
```
#f282d1 rgb(242,130,209)
```
#f599d9
```
#f599d9 rgb(245,153,217)
```
#f7b0e2
```
#f7b0e2 rgb(247,176,226)
```

Monochromatic Color

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

#f06be9
```
#f06be9 rgb(240,107,233)
```
#f06bde
```
#f06bde rgb(240,107,222)
```
#f06bd3
```
#f06bd3 rgb(240,107,211)
```
#f06bc8
```
#f06bc8 rgb(240,107,200)
```
#f06bbd
```
#f06bbd rgb(240,107,189)
```
#f06bb2
```
#f06bb2 rgb(240,107,178)
```
#f06ba7
```
#f06ba7 rgb(240,107,167)
```

Similar Colors

Text with hexadecimal color #f06bc8

This text has a font color of #f06bc8.

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

#f06bc8 background color

This paragraph has a background color of #f06bc8.

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

#f06bc8 border color

This element has a border color of #f06bc8.

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

CSS codes

.text {color:#f06bc8;}

.background {background-color:#f06bc8;}

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

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

#0c0109
```
#0c0109 rgb(12,1,9)
```
#1e0316
```
#1e0316 rgb(30,3,22)
```
#300523
```
#300523 rgb(48,5,35)
```
#420730
```
#420730 rgb(66,7,48)
```
#54083d
```
#54083d rgb(84,8,61)
```
#650a4a
```
#650a4a rgb(101,10,74)
```
#770c57
```
#770c57 rgb(119,12,87)
```
#890e64
```
#890e64 rgb(137,14,100)
```
#9b1071
```
#9b1071 rgb(155,16,113)
```
#ad117e
```
#ad117e rgb(173,17,126)
```
#be138b
```
#be138b rgb(190,19,139)
```
#d01598
```
#d01598 rgb(208,21,152)
```
#e217a5
```
#e217a5 rgb(226,23,165)
```

Shade Color Variation

#e924ae
```
#e924ae rgb(233,36,174)
```
#eb36b4
```
#eb36b4 rgb(235,54,180)
```
#ec47bb
```
#ec47bb rgb(236,71,187)
```
#ee59c1
```
#ee59c1 rgb(238,89,193)
```
#f06bc8
```
#f06bc8 rgb(240,107,200)
```
#f27dcf
```
#f27dcf rgb(242,125,207)
```
#f48fd5
```
#f48fd5 rgb(244,143,213)
```
#f5a0dc
```
#f5a0dc rgb(245,160,220)
```
#f7b2e2
```
#f7b2e2 rgb(247,178,226)
```
#f9c4e9
```
#f9c4e9 rgb(249,196,233)
```
#fbd6f0
```
#fbd6f0 rgb(251,214,240)
```
#fde8f6
```
#fde8f6 rgb(253,232,246)
```
#fef9fd
```
#fef9fd rgb(254,249,253)
```

Tint Color Variation

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

#b1aaaf
```
#b1aaaf rgb(177,170,175)
```
#b8a3b2
```
#b8a3b2 rgb(184,163,178)
```
#be9db4
```
#be9db4 rgb(190,157,180)
```
#c497b7
```
#c497b7 rgb(196,151,183)
```
#ca91b9
```
#ca91b9 rgb(202,145,185)
```
#d18abc
```
#d18abc rgb(209,138,188)
```
#d784be
```
#d784be rgb(215,132,190)
```
#dd7ec1
```
#dd7ec1 rgb(221,126,193)
```
#e378c3
```
#e378c3 rgb(227,120,195)
```
#ea71c6
```
#ea71c6 rgb(234,113,198)
```
#f06bc8
```
#f06bc8 rgb(240,107,200)
```
#f665ca
```
#f665ca rgb(246,101,202)
```
#fd5ecd
```
#fd5ecd rgb(253,94,205)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#ae93a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#869ee7 Protanopia 1% of men
#a09dbf Deuteranopia 1% of men
#e9828a Tritanopia 0.001% of the population

Trichromacy

#ac8bdc Protanomaly 1% of men, 0.01% of women
#bd8bc2 Deuteranomaly 6% of men, 0.4% of women
#eb79a1 Tritanomaly 0.01% of the population

#f06bc8 hex color

#f06bc8 Color Information

#f06bc8 Color Conversion

Color Schemes with #f06bc8

Alternatives to #f06bc8

#f06bc8 Preview

Shades and Tints of #f06bc8

Tones of #f06bc8

Color Blindness Simulator