#f00baf hex color

In a RGB color space, hex #f00baf is composed of 94.1% red, 4.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.4% magenta, 27.1% yellow and 5.9% black. It has a hue angle of 317 degrees, a saturation of 91.2% and a lightness of 49.2%. #f00baf color hex could be obtained by blending #ff16ff with #e1005f. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 94
- G 4
- B 69
RGB color chart
- C 0
- M 95
- Y 27
- K 6
CMYK color chart

● #f00baf color description : Vivid pink.

The hexadecimal color #f00baf has RGB values of R:240, G:11, B:175 and CMYK values of C:0, M:0.95, Y:0.27, K:0.06. Its decimal value is 15731631.

Hex triplet	f00baf	`#f00baf`
RGB Decimal	240, 11, 175	`rgb(240,11,175)`
RGB Percent	94.1, 4.3, 68.6	`rgb(94.1%,4.3%,68.6%)`
CMYK	0, 95, 27, 6
HSL	317°, 91.2, 49.2	`hsl(317,91.2%,49.2%)`
HSV (or HSB)	317°, 95.4, 94.1
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.882, 84.966, -25.641
XYZ	43.793, 21.864, 42.469
xyY	0.405, 0.202, 21.864
CIE-LCH	53.882, 88.75, 343.207
CIE-LUV	53.882, 107.239, -51.921
Hunter-Lab	46.759, 85.35, -21.119
Binary	11110000, 00001011, 10101111

#f00baf
```
#f00baf rgb(240,11,175)
```
#0bf04c
```
#0bf04c rgb(11,240,76)
```

Complementary Color

#bf0bf0
```
#bf0bf0 rgb(191,11,240)
```
#f00baf
```
#f00baf rgb(240,11,175)
```
#f00b3d
```
#f00b3d rgb(240,11,61)
```

Analogous Color

#0bf0bf
```
#0bf0bf rgb(11,240,191)
```
#f00baf
```
#f00baf rgb(240,11,175)
```
#3df00b
```
#3df00b rgb(61,240,11)
```

Split Complementary Color

#0baff0
```
#0baff0 rgb(11,175,240)
```
#f00baf
```
#f00baf rgb(240,11,175)
```
#aff00b
```
#aff00b rgb(175,240,11)
```

Triadic Color

#4c0bf0
```
#4c0bf0 rgb(76,11,240)
```
#f00baf
```
#f00baf rgb(240,11,175)
```
#aff00b
```
#aff00b rgb(175,240,11)
```
#0bf04c
```
#0bf04c rgb(11,240,76)
```

Tetradic Color

#a7087a
```
#a7087a rgb(167,8,122)
```
#bf098b
```
#bf098b rgb(191,9,139)
```
#d80a9d
```
#d80a9d rgb(216,10,157)
```
#f00baf
```
#f00baf rgb(240,11,175)
```
#f520b8
```
#f520b8 rgb(245,32,184)
```
#f638c0
```
#f638c0 rgb(246,56,192)
```
#f750c8
```
#f750c8 rgb(247,80,200)
```

Monochromatic Color

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

#f00be8
```
#f00be8 rgb(240,11,232)
```
#f00bd5
```
#f00bd5 rgb(240,11,213)
```
#f00bc2
```
#f00bc2 rgb(240,11,194)
```
#f00baf
```
#f00baf rgb(240,11,175)
```
#f00b9c
```
#f00b9c rgb(240,11,156)
```
#f00b89
```
#f00b89 rgb(240,11,137)
```
#f00b76
```
#f00b76 rgb(240,11,118)
```

Similar Colors

Text with hexadecimal color #f00baf

This text has a font color of #f00baf.

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

#f00baf background color

This paragraph has a background color of #f00baf.

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

#f00baf border color

This element has a border color of #f00baf.

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

CSS codes

.text {color:#f00baf;}

.background {background-color:#f00baf;}

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

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

#0f010b
```
#0f010b rgb(15,1,11)
```
#220219
```
#220219 rgb(34,2,25)
```
#340226
```
#340226 rgb(52,2,38)
```
#470334
```
#470334 rgb(71,3,52)
```
#5a0442
```
#5a0442 rgb(90,4,66)
```
#6d054f
```
#6d054f rgb(109,5,79)
```
#7f065d
```
#7f065d rgb(127,6,93)
```
#92076b
```
#92076b rgb(146,7,107)
```
#a50878
```
#a50878 rgb(165,8,120)
```
#b80886
```
#b80886 rgb(184,8,134)
```
#ca0994
```
#ca0994 rgb(202,9,148)
```
#dd0aa1
```
#dd0aa1 rgb(221,10,161)
```
#f00baf
```
#f00baf rgb(240,11,175)
```

Shade Color Variation

#f51ab7
```
#f51ab7 rgb(245,26,183)
```
#f52dbc
```
#f52dbc rgb(245,45,188)
```
#f640c2
```
#f640c2 rgb(246,64,194)
```
#f752c8
```
#f752c8 rgb(247,82,200)
```
#f865ce
```
#f865ce rgb(248,101,206)
```
#f978d4
```
#f978d4 rgb(249,120,212)
```
#fa8bda
```
#fa8bda rgb(250,139,218)
```
#fb9de0
```
#fb9de0 rgb(251,157,224)
```
#fbb0e6
```
#fbb0e6 rgb(251,176,230)
```
#fcc3ec
```
#fcc3ec rgb(252,195,236)
```
#fdd6f2
```
#fdd6f2 rgb(253,214,242)
```
#fee8f8
```
#fee8f8 rgb(254,232,248)
```
#fffbfe
```
#fffbfe rgb(255,251,254)
```

Tint Color Variation

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

#867581
```
#867581 rgb(134,117,129)
```
#8f6c85
```
#8f6c85 rgb(143,108,133)
```
#996289
```
#996289 rgb(153,98,137)
```
#a3588e
```
#a3588e rgb(163,88,142)
```
#ac4f92
```
#ac4f92 rgb(172,79,146)
```
#b64596
```
#b64596 rgb(182,69,150)
```
#c03b9a
```
#c03b9a rgb(192,59,154)
```
#c9329e
```
#c9329e rgb(201,50,158)
```
#d328a2
```
#d328a2 rgb(211,40,162)
```
#dd1ea7
```
#dd1ea7 rgb(221,30,167)
```
#e615ab
```
#e615ab rgb(230,21,171)
```
#f00baf
```
#f00baf rgb(240,11,175)
```
#fa01b3
```
#fa01b3 rgb(250,1,179)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7e5171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b83ec Protanopia 1% of men
#8584a1 Deuteranopia 1% of men
#e94e51 Tritanopia 0.001% of the population

Trichromacy

#8757d6 Protanomaly 1% of men, 0.01% of women
#ac58a6 Deuteranomaly 6% of men, 0.4% of women
#eb3573 Tritanomaly 0.01% of the population

#f00baf hex color

#f00baf Color Information

#f00baf Color Conversion

Color Schemes with #f00baf

Alternatives to #f00baf

#f00baf Preview

Shades and Tints of #f00baf

Tones of #f00baf

Color Blindness Simulator