#f06ca9 hex color

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

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

● #f06ca9 color description : Soft pink.

The hexadecimal color #f06ca9 has RGB values of R:240, G:108, B:169 and CMYK values of C:0, M:0.55, Y:0.3, K:0.06. Its decimal value is 15756457.

Hex triplet	f06ca9	`#f06ca9`
RGB Decimal	240, 108, 169	`rgb(240,108,169)`
RGB Percent	94.1, 42.4, 66.3	`rgb(94.1%,42.4%,66.3%)`
CMYK	0, 55, 30, 6
HSL	332.3°, 81.5, 68.2	`hsl(332.3,81.5%,68.2%)`
HSV (or HSB)	332.3°, 55, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	63.441, 57.021, -7.669
XYZ	48.46, 32.119, 41.181
xyY	0.398, 0.264, 32.119
CIE-LCH	63.441, 57.535, 352.34
CIE-LUV	63.441, 81.357, -21.6
Hunter-Lab	56.673, 53.451, -3.411
Binary	11110000, 01101100, 10101001

#f06ca9
```
#f06ca9 rgb(240,108,169)
```
#6cf0b3
```
#6cf0b3 rgb(108,240,179)
```

Complementary Color

#f06ceb
```
#f06ceb rgb(240,108,235)
```
#f06ca9
```
#f06ca9 rgb(240,108,169)
```
#f0716c
```
#f0716c rgb(240,113,108)
```

Analogous Color

#6cebf0
```
#6cebf0 rgb(108,235,240)
```
#f06ca9
```
#f06ca9 rgb(240,108,169)
```
#6cf071
```
#6cf071 rgb(108,240,113)
```

Split Complementary Color

#6ca9f0
```
#6ca9f0 rgb(108,169,240)
```
#f06ca9
```
#f06ca9 rgb(240,108,169)
```
#a9f06c
```
#a9f06c rgb(169,240,108)
```

Triadic Color

#b36cf0
```
#b36cf0 rgb(179,108,240)
```
#f06ca9
```
#f06ca9 rgb(240,108,169)
```
#a9f06c
```
#a9f06c rgb(169,240,108)
```
#6cf0b3
```
#6cf0b3 rgb(108,240,179)
```

Tetradic Color

#e92780
```
#e92780 rgb(233,39,128)
```
#eb3e8e
```
#eb3e8e rgb(235,62,142)
```
#ee559b
```
#ee559b rgb(238,85,155)
```
#f06ca9
```
#f06ca9 rgb(240,108,169)
```
#f283b7
```
#f283b7 rgb(242,131,183)
```
#f59ac4
```
#f59ac4 rgb(245,154,196)
```
#f7b1d2
```
#f7b1d2 rgb(247,177,210)
```

Monochromatic Color

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

#f06cca
```
#f06cca rgb(240,108,202)
```
#f06cbf
```
#f06cbf rgb(240,108,191)
```
#f06cb4
```
#f06cb4 rgb(240,108,180)
```
#f06ca9
```
#f06ca9 rgb(240,108,169)
```
#f06c9e
```
#f06c9e rgb(240,108,158)
```
#f06c93
```
#f06c93 rgb(240,108,147)
```
#f06c88
```
#f06c88 rgb(240,108,136)
```

Similar Colors

Text with hexadecimal color #f06ca9

This text has a font color of #f06ca9.

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

#f06ca9 background color

This paragraph has a background color of #f06ca9.

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

#f06ca9 border color

This element has a border color of #f06ca9.

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

CSS codes

.text {color:#f06ca9;}

.background {background-color:#f06ca9;}

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

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

#0d0107
```
#0d0107 rgb(13,1,7)
```
#1f0310
```
#1f0310 rgb(31,3,16)
```
#310519
```
#310519 rgb(49,5,25)
```
#430722
```
#430722 rgb(67,7,34)
```
#54092c
```
#54092c rgb(84,9,44)
```
#660a35
```
#660a35 rgb(102,10,53)
```
#780c3e
```
#780c3e rgb(120,12,62)
```
#8a0e47
```
#8a0e47 rgb(138,14,71)
```
#9c1050
```
#9c1050 rgb(156,16,80)
```
#ad125a
```
#ad125a rgb(173,18,90)
```
#bf1463
```
#bf1463 rgb(191,20,99)
```
#d1156c
```
#d1156c rgb(209,21,108)
```
#e31775
```
#e31775 rgb(227,23,117)
```

Shade Color Variation

#e9257f
```
#e9257f rgb(233,37,127)
```
#eb378a
```
#eb378a rgb(235,55,138)
```
#ec4894
```
#ec4894 rgb(236,72,148)
```
#ee5a9f
```
#ee5a9f rgb(238,90,159)
```
#f06ca9
```
#f06ca9 rgb(240,108,169)
```
#f27eb3
```
#f27eb3 rgb(242,126,179)
```
#f490be
```
#f490be rgb(244,144,190)
```
#f5a1c8
```
#f5a1c8 rgb(245,161,200)
```
#f7b3d3
```
#f7b3d3 rgb(247,179,211)
```
#f9c5dd
```
#f9c5dd rgb(249,197,221)
```
#fbd7e7
```
#fbd7e7 rgb(251,215,231)
```
#fde9f2
```
#fde9f2 rgb(253,233,242)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#b2aaae
```
#b2aaae rgb(178,170,174)
```
#b8a4ad
```
#b8a4ad rgb(184,164,173)
```
#be9ead
```
#be9ead rgb(190,158,173)
```
#c498ac
```
#c498ac rgb(196,152,172)
```
#cb91ac
```
#cb91ac rgb(203,145,172)
```
#d18bab
```
#d18bab rgb(209,139,171)
```
#d785ab
```
#d785ab rgb(215,133,171)
```
#dd7faa
```
#dd7faa rgb(221,127,170)
```
#e478aa
```
#e478aa rgb(228,120,170)
```
#ea72a9
```
#ea72a9 rgb(234,114,169)
```
#f06ca9
```
#f06ca9 rgb(240,108,169)
```
#f666a9
```
#f666a9 rgb(246,102,169)
```
#fc60a8
```
#fc60a8 rgb(252,96,168)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ab919d Atypical Achromatopsia 0.001% of the population

Dichromacy

#949dc5 Protanopia 1% of men
#ab9aa3 Deuteranopia 1% of men
#ec7c84 Tritanopia 0.001% of the population

Trichromacy

#b58bbb Protanomaly 1% of men, 0.01% of women
#c489a5 Deuteranomaly 6% of men, 0.4% of women
#ee7691 Tritanomaly 0.01% of the population

#f06ca9 hex color

#f06ca9 Color Information

#f06ca9 Color Conversion

Color Schemes with #f06ca9

Alternatives to #f06ca9

#f06ca9 Preview

Shades and Tints of #f06ca9

Tones of #f06ca9

Color Blindness Simulator