#f07ba8 hex color

In a RGB color space, hex #f07ba8 is composed of 94.1% red, 48.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 30% yellow and 5.9% black. It has a hue angle of 336.9 degrees, a saturation of 79.6% and a lightness of 71.2%. #f07ba8 color hex could be obtained by blending #fff6ff with #e10051. Closest websafe color is: #ff6699.

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

● #f07ba8 color description : Soft pink.

The hexadecimal color #f07ba8 has RGB values of R:240, G:123, B:168 and CMYK values of C:0, M:0.49, Y:0.3, K:0.06. Its decimal value is 15760296.

Hex triplet	f07ba8	`#f07ba8`
RGB Decimal	240, 123, 168	`rgb(240,123,168)`
RGB Percent	94.1, 48.2, 65.9	`rgb(94.1%,48.2%,65.9%)`
CMYK	0, 49, 30, 6
HSL	336.9°, 79.6, 71.2	`hsl(336.9,79.6%,71.2%)`
HSV (or HSB)	336.9°, 48.8, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	66.153, 49.752, -3.088
XYZ	50.086, 35.522, 41.262
xyY	0.395, 0.28, 35.522
CIE-LCH	66.153, 49.848, 356.449
CIE-LUV	66.153, 73.661, -13.723
Hunter-Lab	59.6, 45.706, 0.673
Binary	11110000, 01111011, 10101000

#f07ba8
```
#f07ba8 rgb(240,123,168)
```
#7bf0c3
```
#7bf0c3 rgb(123,240,195)
```

Complementary Color

#f07be3
```
#f07be3 rgb(240,123,227)
```
#f07ba8
```
#f07ba8 rgb(240,123,168)
```
#f0897b
```
#f0897b rgb(240,137,123)
```

Analogous Color

#7be3f0
```
#7be3f0 rgb(123,227,240)
```
#f07ba8
```
#f07ba8 rgb(240,123,168)
```
#7bf089
```
#7bf089 rgb(123,240,137)
```

Split Complementary Color

#7ba8f0
```
#7ba8f0 rgb(123,168,240)
```
#f07ba8
```
#f07ba8 rgb(240,123,168)
```
#a8f07b
```
#a8f07b rgb(168,240,123)
```

Triadic Color

#c37bf0
```
#c37bf0 rgb(195,123,240)
```
#f07ba8
```
#f07ba8 rgb(240,123,168)
```
#a8f07b
```
#a8f07b rgb(168,240,123)
```
#7bf0c3
```
#7bf0c3 rgb(123,240,195)
```

Tetradic Color

#e8367b
```
#e8367b rgb(232,54,123)
```
#eb4d8a
```
#eb4d8a rgb(235,77,138)
```
#ed6499
```
#ed6499 rgb(237,100,153)
```
#f07ba8
```
#f07ba8 rgb(240,123,168)
```
#f392b7
```
#f392b7 rgb(243,146,183)
```
#f5a9c6
```
#f5a9c6 rgb(245,169,198)
```
#f8c0d5
```
#f8c0d5 rgb(248,192,213)
```

Monochromatic Color

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

#f07bc5
```
#f07bc5 rgb(240,123,197)
```
#f07bbc
```
#f07bbc rgb(240,123,188)
```
#f07bb2
```
#f07bb2 rgb(240,123,178)
```
#f07ba8
```
#f07ba8 rgb(240,123,168)
```
#f07b9e
```
#f07b9e rgb(240,123,158)
```
#f07b95
```
#f07b95 rgb(240,123,149)
```
#f07b8b
```
#f07b8b rgb(240,123,139)
```

Similar Colors

Text with hexadecimal color #f07ba8

This text has a font color of #f07ba8.

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

#f07ba8 background color

This paragraph has a background color of #f07ba8.

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

#f07ba8 border color

This element has a border color of #f07ba8.

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

CSS codes

.text {color:#f07ba8;}

.background {background-color:#f07ba8;}

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

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

#090104
```
#090104 rgb(9,1,4)
```
#1b030c
```
#1b030c rgb(27,3,12)
```
#2c0514
```
#2c0514 rgb(44,5,20)
```
#3e071c
```
#3e071c rgb(62,7,28)
```
#4f0924
```
#4f0924 rgb(79,9,36)
```
#610b2c
```
#610b2c rgb(97,11,44)
```
#730d34
```
#730d34 rgb(115,13,52)
```
#840f3c
```
#840f3c rgb(132,15,60)
```
#961144
```
#961144 rgb(150,17,68)
```
#a7134c
```
#a7134c rgb(167,19,76)
```
#b91554
```
#b91554 rgb(185,21,84)
```
#cb175c
```
#cb175c rgb(203,23,92)
```
#dc1964
```
#dc1964 rgb(220,25,100)
```

Shade Color Variation

#e6236e
```
#e6236e rgb(230,35,110)
```
#e8357a
```
#e8357a rgb(232,53,122)
```
#ea4685
```
#ea4685 rgb(234,70,133)
```
#ec5891
```
#ec5891 rgb(236,88,145)
```
#ee699c
```
#ee699c rgb(238,105,156)
```
#f07ba8
```
#f07ba8 rgb(240,123,168)
```
#f28db4
```
#f28db4 rgb(242,141,180)
```
#f49ebf
```
#f49ebf rgb(244,158,191)
```
#f6b0cb
```
#f6b0cb rgb(246,176,203)
```
#f8c1d6
```
#f8c1d6 rgb(248,193,214)
```
#fad3e2
```
#fad3e2 rgb(250,211,226)
```
#fce5ee
```
#fce5ee rgb(252,229,238)
```
#fef6f9
```
#fef6f9 rgb(254,246,249)
```

Tint Color Variation

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

#b7b4b5
```
#b7b4b5 rgb(183,180,181)
```
#bdaeb4
```
#bdaeb4 rgb(189,174,180)
```
#c3a8b2
```
#c3a8b2 rgb(195,168,178)
```
#c8a3b1
```
#c8a3b1 rgb(200,163,177)
```
#ce9db0
```
#ce9db0 rgb(206,157,176)
```
#d497af
```
#d497af rgb(212,151,175)
```
#d992ad
```
#d992ad rgb(217,146,173)
```
#df8cac
```
#df8cac rgb(223,140,172)
```
#e586ab
```
#e586ab rgb(229,134,171)
```
#ea81a9
```
#ea81a9 rgb(234,129,169)
```
#f07ba8
```
#f07ba8 rgb(240,123,168)
```
#f675a7
```
#f675a7 rgb(246,117,167)
```
#fb70a5
```
#fb70a5 rgb(251,112,165)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b29ba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a4bf Protanopia 1% of men
#b5a0a4 Deuteranopia 1% of men
#ed8790 Tritanopia 0.001% of the population

Trichromacy

#bd95b7 Protanomaly 1% of men, 0.01% of women
#ca93a5 Deuteranomaly 6% of men, 0.4% of women
#ee8298 Tritanomaly 0.01% of the population

#f07ba8 hex color

#f07ba8 Color Information

#f07ba8 Color Conversion

Color Schemes with #f07ba8

Alternatives to #f07ba8

#f07ba8 Preview

Shades and Tints of #f07ba8

Tones of #f07ba8

Color Blindness Simulator