#f06cbb hex color

In a RGB color space, hex #f06cbb is composed of 94.1% red, 42.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 22.1% yellow and 5.9% black. It has a hue angle of 324.1 degrees, a saturation of 81.5% and a lightness of 68.2%. #f06cbb color hex could be obtained by blending #ffd8ff with #e10077. Closest websafe color is: #ff66cc.

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

● #f06cbb color description : Soft pink.

The hexadecimal color #f06cbb has RGB values of R:240, G:108, B:187 and CMYK values of C:0, M:0.55, Y:0.22, K:0.06. Its decimal value is 15756475.

Hex triplet	f06cbb	`#f06cbb`
RGB Decimal	240, 108, 187	`rgb(240,108,187)`
RGB Percent	94.1, 42.4, 73.3	`rgb(94.1%,42.4%,73.3%)`
CMYK	0, 55, 22, 6
HSL	324.1°, 81.5, 68.2	`hsl(324.1,81.5%,68.2%)`
HSV (or HSB)	324.1°, 55, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	64.033, 59.377, -17.032
XYZ	50.267, 32.842, 50.703
xyY	0.376, 0.245, 32.842
CIE-LCH	64.033, 61.772, 343.994
CIE-LUV	64.033, 76.14, -35.834
Hunter-Lab	57.308, 56.282, -12.341
Binary	11110000, 01101100, 10111011

#f06cbb
```
#f06cbb rgb(240,108,187)
```
#6cf0a1
```
#6cf0a1 rgb(108,240,161)
```

Complementary Color

#e36cf0
```
#e36cf0 rgb(227,108,240)
```
#f06cbb
```
#f06cbb rgb(240,108,187)
```
#f06c79
```
#f06c79 rgb(240,108,121)
```

Analogous Color

#6cf0e3
```
#6cf0e3 rgb(108,240,227)
```
#f06cbb
```
#f06cbb rgb(240,108,187)
```
#79f06c
```
#79f06c rgb(121,240,108)
```

Split Complementary Color

#6cbbf0
```
#6cbbf0 rgb(108,187,240)
```
#f06cbb
```
#f06cbb rgb(240,108,187)
```
#bbf06c
```
#bbf06c rgb(187,240,108)
```

Triadic Color

#a16cf0
```
#a16cf0 rgb(161,108,240)
```
#f06cbb
```
#f06cbb rgb(240,108,187)
```
#bbf06c
```
#bbf06c rgb(187,240,108)
```
#6cf0a1
```
#6cf0a1 rgb(108,240,161)
```

Tetradic Color

#e9279b
```
#e9279b rgb(233,39,155)
```
#eb3ea6
```
#eb3ea6 rgb(235,62,166)
```
#ee55b0
```
#ee55b0 rgb(238,85,176)
```
#f06cbb
```
#f06cbb rgb(240,108,187)
```
#f283c6
```
#f283c6 rgb(242,131,198)
```
#f59ad0
```
#f59ad0 rgb(245,154,208)
```
#f7b1db
```
#f7b1db rgb(247,177,219)
```

Monochromatic Color

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

#f06cdc
```
#f06cdc rgb(240,108,220)
```
#f06cd1
```
#f06cd1 rgb(240,108,209)
```
#f06cc6
```
#f06cc6 rgb(240,108,198)
```
#f06cbb
```
#f06cbb rgb(240,108,187)
```
#f06cb0
```
#f06cb0 rgb(240,108,176)
```
#f06ca5
```
#f06ca5 rgb(240,108,165)
```
#f06c9a
```
#f06c9a rgb(240,108,154)
```

Similar Colors

Text with hexadecimal color #f06cbb

This text has a font color of #f06cbb.

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

#f06cbb background color

This paragraph has a background color of #f06cbb.

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

#f06cbb border color

This element has a border color of #f06cbb.

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

CSS codes

.text {color:#f06cbb;}

.background {background-color:#f06cbb;}

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

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

#0d0108
```
#0d0108 rgb(13,1,8)
```
#1f0314
```
#1f0314 rgb(31,3,20)
```
#31051f
```
#31051f rgb(49,5,31)
```
#43072b
```
#43072b rgb(67,7,43)
```
#540936
```
#540936 rgb(84,9,54)
```
#660a41
```
#660a41 rgb(102,10,65)
```
#780c4d
```
#780c4d rgb(120,12,77)
```
#8a0e58
```
#8a0e58 rgb(138,14,88)
```
#9c1063
```
#9c1063 rgb(156,16,99)
```
#ad126f
```
#ad126f rgb(173,18,111)
```
#bf147a
```
#bf147a rgb(191,20,122)
```
#d11586
```
#d11586 rgb(209,21,134)
```
#e31791
```
#e31791 rgb(227,23,145)
```

Shade Color Variation

#e9259a
```
#e9259a rgb(233,37,154)
```
#eb37a2
```
#eb37a2 rgb(235,55,162)
```
#ec48ab
```
#ec48ab rgb(236,72,171)
```
#ee5ab3
```
#ee5ab3 rgb(238,90,179)
```
#f06cbb
```
#f06cbb rgb(240,108,187)
```
#f27ec3
```
#f27ec3 rgb(242,126,195)
```
#f490cb
```
#f490cb rgb(244,144,203)
```
#f5a1d4
```
#f5a1d4 rgb(245,161,212)
```
#f7b3dc
```
#f7b3dc rgb(247,179,220)
```
#f9c5e4
```
#f9c5e4 rgb(249,197,228)
```
#fbd7ec
```
#fbd7ec rgb(251,215,236)
```
#fde9f5
```
#fde9f5 rgb(253,233,245)
```
#fffafd
```
#fffafd rgb(255,250,253)
```

Tint Color Variation

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

#b2aaaf
```
#b2aaaf rgb(178,170,175)
```
#b8a4b0
```
#b8a4b0 rgb(184,164,176)
```
#be9eb1
```
#be9eb1 rgb(190,158,177)
```
#c498b2
```
#c498b2 rgb(196,152,178)
```
#cb91b4
```
#cb91b4 rgb(203,145,180)
```
#d18bb5
```
#d18bb5 rgb(209,139,181)
```
#d785b6
```
#d785b6 rgb(215,133,182)
```
#dd7fb7
```
#dd7fb7 rgb(221,127,183)
```
#e478b9
```
#e478b9 rgb(228,120,185)
```
#ea72ba
```
#ea72ba rgb(234,114,186)
```
#f06cbb
```
#f06cbb rgb(240,108,187)
```
#f666bc
```
#f666bc rgb(246,102,188)
```
#fc60bd
```
#fc60bd rgb(252,96,189)
```

Tone Color Variation

Below, you can see how #f06cbb 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
#ad92a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9ed9 Protanopia 1% of men
#a59cb3 Deuteranopia 1% of men
#eb8088 Tritanopia 0.001% of the population

Trichromacy

#b18cce Protanomaly 1% of men, 0.01% of women
#c08ab6 Deuteranomaly 6% of men, 0.4% of women
#ec789a Tritanomaly 0.01% of the population

#f06cbb hex color

#f06cbb Color Information

#f06cbb Color Conversion

Color Schemes with #f06cbb

Alternatives to #f06cbb

#f06cbb Preview

Shades and Tints of #f06cbb

Tones of #f06cbb

Color Blindness Simulator