#f75ba2 hex color

In a RGB color space, hex #f75ba2 is composed of 96.9% red, 35.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.2% magenta, 34.4% yellow and 3.1% black. It has a hue angle of 332.7 degrees, a saturation of 90.7% and a lightness of 66.3%. #f75ba2 color hex could be obtained by blending #ffb6ff with #ef0045. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 97
- G 36
- B 64
RGB color chart
- C 0
- M 63
- Y 34
- K 3
CMYK color chart

● #f75ba2 color description : Soft pink.

The hexadecimal color #f75ba2 has RGB values of R:247, G:91, B:162 and CMYK values of C:0, M:0.63, Y:0.34, K:0.03. Its decimal value is 16210850.

Hex triplet	f75ba2	`#f75ba2`
RGB Decimal	247, 91, 162	`rgb(247,91,162)`
RGB Percent	96.9, 35.7, 63.5	`rgb(96.9%,35.7%,63.5%)`
CMYK	0, 63, 34, 3
HSL	332.7°, 90.7, 66.3	`hsl(332.7,90.7%,66.3%)`
HSV (or HSB)	332.7°, 63.2, 96.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.541, 65.653, -6.356
XYZ	48.621, 29.869, 37.385
xyY	0.42, 0.258, 29.869
CIE-LCH	61.541, 65.96, 354.47
CIE-LUV	61.541, 97.291, -21.429
Hunter-Lab	54.653, 63.158, -2.3
Binary	11110111, 01011011, 10100010

#f75ba2
```
#f75ba2 rgb(247,91,162)
```
#5bf7b0
```
#5bf7b0 rgb(91,247,176)
```

Complementary Color

#f75bf0
```
#f75bf0 rgb(247,91,240)
```
#f75ba2
```
#f75ba2 rgb(247,91,162)
```
#f7625b
```
#f7625b rgb(247,98,91)
```

Analogous Color

#5bf0f7
```
#5bf0f7 rgb(91,240,247)
```
#f75ba2
```
#f75ba2 rgb(247,91,162)
```
#5bf762
```
#5bf762 rgb(91,247,98)
```

Split Complementary Color

#5ba2f7
```
#5ba2f7 rgb(91,162,247)
```
#f75ba2
```
#f75ba2 rgb(247,91,162)
```
#a2f75b
```
#a2f75b rgb(162,247,91)
```

Triadic Color

#b05bf7
```
#b05bf7 rgb(176,91,247)
```
#f75ba2
```
#f75ba2 rgb(247,91,162)
```
#a2f75b
```
#a2f75b rgb(162,247,91)
```
#5bf7b0
```
#5bf7b0 rgb(91,247,176)
```

Tetradic Color

#f31279
```
#f31279 rgb(243,18,121)
```
#f52a86
```
#f52a86 rgb(245,42,134)
```
#f64394
```
#f64394 rgb(246,67,148)
```
#f75ba2
```
#f75ba2 rgb(247,91,162)
```
#f873b0
```
#f873b0 rgb(248,115,176)
```
#f98cbe
```
#f98cbe rgb(249,140,190)
```
#fba4cb
```
#fba4cb rgb(251,164,203)
```

Monochromatic Color

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

#f75bc9
```
#f75bc9 rgb(247,91,201)
```
#f75bbc
```
#f75bbc rgb(247,91,188)
```
#f75baf
```
#f75baf rgb(247,91,175)
```
#f75ba2
```
#f75ba2 rgb(247,91,162)
```
#f75b95
```
#f75b95 rgb(247,91,149)
```
#f75b88
```
#f75b88 rgb(247,91,136)
```
#f75b7b
```
#f75b7b rgb(247,91,123)
```

Similar Colors

Text with hexadecimal color #f75ba2

This text has a font color of #f75ba2.

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

#f75ba2 background color

This paragraph has a background color of #f75ba2.

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

#f75ba2 border color

This element has a border color of #f75ba2.

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

CSS codes

.text {color:#f75ba2;}

.background {background-color:#f75ba2;}

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

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, #040002 is the darkest color, while #fef1f7 is the lightest one.

#040002
```
#040002 rgb(4,0,2)
```
#17010b
```
#17010b rgb(23,1,11)
```
#2a0214
```
#2a0214 rgb(42,2,20)
```
#3c031d
```
#3c031d rgb(60,3,29)
```
#4f0426
```
#4f0426 rgb(79,4,38)
```
#62052f
```
#62052f rgb(98,5,47)
```
#750638
```
#750638 rgb(117,6,56)
```
#870741
```
#870741 rgb(135,7,65)
```
#9a084a
```
#9a084a rgb(154,8,74)
```
#ad0853
```
#ad0853 rgb(173,8,83)
```
#bf095c
```
#bf095c rgb(191,9,92)
```
#d20a65
```
#d20a65 rgb(210,10,101)
```
#e50b6e
```
#e50b6e rgb(229,11,110)
```

Shade Color Variation

#f31078
```
#f31078 rgb(243,16,120)
```
#f42382
```
#f42382 rgb(244,35,130)
```
#f5368d
```
#f5368d rgb(245,54,141)
```
#f64897
```
#f64897 rgb(246,72,151)
```
#f75ba2
```
#f75ba2 rgb(247,91,162)
```
#f86ead
```
#f86ead rgb(248,110,173)
```
#f980b7
```
#f980b7 rgb(249,128,183)
```
#fa93c2
```
#fa93c2 rgb(250,147,194)
```
#fba6cc
```
#fba6cc rgb(251,166,204)
```
#fcb9d7
```
#fcb9d7 rgb(252,185,215)
```
#fccbe2
```
#fccbe2 rgb(252,203,226)
```
#fddeec
```
#fddeec rgb(253,222,236)
```
#fef1f7
```
#fef1f7 rgb(254,241,247)
```

Tint Color Variation

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

#aea4a9
```
#aea4a9 rgb(174,164,169)
```
#b59da8
```
#b59da8 rgb(181,157,168)
```
#bb97a7
```
#bb97a7 rgb(187,151,167)
```
#c290a7
```
#c290a7 rgb(194,144,167)
```
#c989a6
```
#c989a6 rgb(201,137,166)
```
#cf83a6
```
#cf83a6 rgb(207,131,166)
```
#d67ca5
```
#d67ca5 rgb(214,124,165)
```
#dd75a4
```
#dd75a4 rgb(221,117,164)
```
#e36fa4
```
#e36fa4 rgb(227,111,164)
```
#ea68a3
```
#ea68a3 rgb(234,104,163)
```
#f062a3
```
#f062a3 rgb(240,98,163)
```
#f75ba2
```
#f75ba2 rgb(247,91,162)
```
#fe54a1
```
#fe54a1 rgb(254,84,161)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a68795 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d98c4 Protanopia 1% of men
#a7959b Deuteranopia 1% of men
#f36f75 Tritanopia 0.001% of the population

Trichromacy

#b382b8 Protanomaly 1% of men, 0.01% of women
#c4809d Deuteranomaly 6% of men, 0.4% of women
#f46785 Tritanomaly 0.01% of the population

#f75ba2 hex color

#f75ba2 Color Information

#f75ba2 Color Conversion

Color Schemes with #f75ba2

Alternatives to #f75ba2

#f75ba2 Preview

Shades and Tints of #f75ba2

Tones of #f75ba2

Color Blindness Simulator