#f069bd hex color

In a RGB color space, hex #f069bd is composed of 94.1% red, 41.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.3% magenta, 21.3% yellow and 5.9% black. It has a hue angle of 322.7 degrees, a saturation of 81.8% and a lightness of 67.6%. #f069bd color hex could be obtained by blending #ffd2ff with #e1007b. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 94
- G 41
- B 74
RGB color chart
- C 0
- M 56
- Y 21
- K 6
CMYK color chart

● #f069bd color description : Soft pink.

The hexadecimal color #f069bd has RGB values of R:240, G:105, B:189 and CMYK values of C:0, M:0.56, Y:0.21, K:0.06. Its decimal value is 15755709.

Hex triplet	f069bd	`#f069bd`
RGB Decimal	240, 105, 189	`rgb(240,105,189)`
RGB Percent	94.1, 41.2, 74.1	`rgb(94.1%,41.2%,74.1%)`
CMYK	0, 56, 21, 6
HSL	322.7°, 81.8, 67.6	`hsl(322.7,81.8%,67.6%)`
HSV (or HSB)	322.7°, 56.3, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	63.595, 61.007, -18.832
XYZ	50.172, 32.306, 51.735
xyY	0.374, 0.241, 32.306
CIE-LCH	63.595, 63.848, 342.846
CIE-LUV	63.595, 76.908, -38.801
Hunter-Lab	56.838, 58.097, -14.179
Binary	11110000, 01101001, 10111101

#f069bd
```
#f069bd rgb(240,105,189)
```
#69f09c
```
#69f09c rgb(105,240,156)
```

Complementary Color

#e069f0
```
#e069f0 rgb(224,105,240)
```
#f069bd
```
#f069bd rgb(240,105,189)
```
#f0697a
```
#f0697a rgb(240,105,122)
```

Analogous Color

#69f0e0
```
#69f0e0 rgb(105,240,224)
```
#f069bd
```
#f069bd rgb(240,105,189)
```
#7af069
```
#7af069 rgb(122,240,105)
```

Split Complementary Color

#69bdf0
```
#69bdf0 rgb(105,189,240)
```
#f069bd
```
#f069bd rgb(240,105,189)
```
#bdf069
```
#bdf069 rgb(189,240,105)
```

Triadic Color

#9c69f0
```
#9c69f0 rgb(156,105,240)
```
#f069bd
```
#f069bd rgb(240,105,189)
```
#bdf069
```
#bdf069 rgb(189,240,105)
```
#69f09c
```
#69f09c rgb(105,240,156)
```

Tetradic Color

#e9239e
```
#e9239e rgb(233,35,158)
```
#eb3ba9
```
#eb3ba9 rgb(235,59,169)
```
#ee52b3
```
#ee52b3 rgb(238,82,179)
```
#f069bd
```
#f069bd rgb(240,105,189)
```
#f280c7
```
#f280c7 rgb(242,128,199)
```
#f597d1
```
#f597d1 rgb(245,151,209)
```
#f7afdc
```
#f7afdc rgb(247,175,220)
```

Monochromatic Color

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

#f069df
```
#f069df rgb(240,105,223)
```
#f069d4
```
#f069d4 rgb(240,105,212)
```
#f069c8
```
#f069c8 rgb(240,105,200)
```
#f069bd
```
#f069bd rgb(240,105,189)
```
#f069b2
```
#f069b2 rgb(240,105,178)
```
#f069a7
```
#f069a7 rgb(240,105,167)
```
#f0699b
```
#f0699b rgb(240,105,155)
```

Similar Colors

Text with hexadecimal color #f069bd

This text has a font color of #f069bd.

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

#f069bd background color

This paragraph has a background color of #f069bd.

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

#f069bd border color

This element has a border color of #f069bd.

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

CSS codes

.text {color:#f069bd;}

.background {background-color:#f069bd;}

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

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

#0a0107
```
#0a0107 rgb(10,1,7)
```
#1c0313
```
#1c0313 rgb(28,3,19)
```
#2e051e
```
#2e051e rgb(46,5,30)
```
#40062a
```
#40062a rgb(64,6,42)
```
#520836
```
#520836 rgb(82,8,54)
```
#640a42
```
#640a42 rgb(100,10,66)
```
#750c4e
```
#750c4e rgb(117,12,78)
```
#870e59
```
#870e59 rgb(135,14,89)
```
#990f65
```
#990f65 rgb(153,15,101)
```
#ab1171
```
#ab1171 rgb(171,17,113)
```
#bd137d
```
#bd137d rgb(189,19,125)
```
#cf1588
```
#cf1588 rgb(207,21,136)
```
#e01694
```
#e01694 rgb(224,22,148)
```

Shade Color Variation

#e9229e
```
#e9229e rgb(233,34,158)
```
#eb34a5
```
#eb34a5 rgb(235,52,165)
```
#ec45ad
```
#ec45ad rgb(236,69,173)
```
#ee57b5
```
#ee57b5 rgb(238,87,181)
```
#f069bd
```
#f069bd rgb(240,105,189)
```
#f27bc5
```
#f27bc5 rgb(242,123,197)
```
#f48dcd
```
#f48dcd rgb(244,141,205)
```
#f59ed5
```
#f59ed5 rgb(245,158,213)
```
#f7b0dc
```
#f7b0dc rgb(247,176,220)
```
#f9c2e4
```
#f9c2e4 rgb(249,194,228)
```
#fbd4ec
```
#fbd4ec rgb(251,212,236)
```
#fce6f4
```
#fce6f4 rgb(252,230,244)
```
#fef8fc
```
#fef8fc rgb(254,248,252)
```

Tint Color Variation

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

#b1a8ad
```
#b1a8ad rgb(177,168,173)
```
#b7a2af
```
#b7a2af rgb(183,162,175)
```
#bd9cb1
```
#bd9cb1 rgb(189,156,177)
```
#c495b2
```
#c495b2 rgb(196,149,178)
```
#ca8fb4
```
#ca8fb4 rgb(202,143,180)
```
#d089b5
```
#d089b5 rgb(208,137,181)
```
#d782b7
```
#d782b7 rgb(215,130,183)
```
#dd7cb8
```
#dd7cb8 rgb(221,124,184)
```
#e376ba
```
#e376ba rgb(227,118,186)
```
#ea6fbb
```
#ea6fbb rgb(234,111,187)
```
#f069bd
```
#f069bd rgb(240,105,189)
```
#f663bf
```
#f663bf rgb(246,99,191)
```
#fd5cc0
```
#fd5cc0 rgb(253,92,192)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#ac91a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#899ddc Protanopia 1% of men
#a29bb5 Deuteranopia 1% of men
#ea7e86 Tritanopia 0.001% of the population

Trichromacy

#ae8ad0 Protanomaly 1% of men, 0.01% of women
#be89b8 Deuteranomaly 6% of men, 0.4% of women
#ec769a Tritanomaly 0.01% of the population

#f069bd hex color

#f069bd Color Information

#f069bd Color Conversion

Color Schemes with #f069bd

Alternatives to #f069bd

#f069bd Preview

Shades and Tints of #f069bd

Tones of #f069bd

Color Blindness Simulator