#ff0baf hex color

In a RGB color space, hex #ff0baf is composed of 100% red, 4.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.7% magenta, 31.4% yellow and 0% black. It has a hue angle of 319.7 degrees, a saturation of 100% and a lightness of 52.2%. #ff0baf color hex could be obtained by blending #ff16ff with #ff005f. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 100
- G 4
- B 69
RGB color chart
- C 0
- M 96
- Y 31
- K 0
CMYK color chart

● #ff0baf color description : Vivid pink.

The hexadecimal color #ff0baf has RGB values of R:255, G:11, B:175 and CMYK values of C:0, M:0.96, Y:0.31, K:0. Its decimal value is 16714671.

Hex triplet	ff0baf	`#ff0baf`
RGB Decimal	255, 11, 175	`rgb(255,11,175)`
RGB Percent	100, 4.3, 68.6	`rgb(100%,4.3%,68.6%)`
CMYK	0, 96, 31, 0
HSL	319.7°, 100, 52.2	`hsl(319.7,100%,52.2%)`
HSV (or HSB)	319.7°, 95.7, 100
Web Safe	ff0099	`#ff0099`

CIE-LAB	56.683, 87.897, -21.097
XYZ	49.098, 24.599, 42.718
xyY	0.422, 0.211, 24.599
CIE-LCH	56.683, 90.394, 346.503
CIE-LUV	56.683, 119.15, -46.447
Hunter-Lab	49.598, 89.906, -16.347
Binary	11111111, 00001011, 10101111

#ff0baf
```
#ff0baf rgb(255,11,175)
```
#0bff5b
```
#0bff5b rgb(11,255,91)
```

Complementary Color

#d50bff
```
#d50bff rgb(213,11,255)
```
#ff0baf
```
#ff0baf rgb(255,11,175)
```
#ff0b35
```
#ff0b35 rgb(255,11,53)
```

Analogous Color

#0bffd5
```
#0bffd5 rgb(11,255,213)
```
#ff0baf
```
#ff0baf rgb(255,11,175)
```
#35ff0b
```
#35ff0b rgb(53,255,11)
```

Split Complementary Color

#0bafff
```
#0bafff rgb(11,175,255)
```
#ff0baf
```
#ff0baf rgb(255,11,175)
```
#afff0b
```
#afff0b rgb(175,255,11)
```

Triadic Color

#5b0bff
```
#5b0bff rgb(91,11,255)
```
#ff0baf
```
#ff0baf rgb(255,11,175)
```
#afff0b
```
#afff0b rgb(175,255,11)
```
#0bff5b
```
#0bff5b rgb(11,255,91)
```

Tetradic Color

#be007f
```
#be007f rgb(190,0,127)
```
#d70091
```
#d70091 rgb(215,0,145)
```
#f100a2
```
#f100a2 rgb(241,0,162)
```
#ff0baf
```
#ff0baf rgb(255,11,175)
```
#ff25b7
```
#ff25b7 rgb(255,37,183)
```
#ff3ec0
```
#ff3ec0 rgb(255,62,192)
```
#ff58c8
```
#ff58c8 rgb(255,88,200)
```

Monochromatic Color

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

#ff0bec
```
#ff0bec rgb(255,11,236)
```
#ff0bd8
```
#ff0bd8 rgb(255,11,216)
```
#ff0bc3
```
#ff0bc3 rgb(255,11,195)
```
#ff0baf
```
#ff0baf rgb(255,11,175)
```
#ff0b9b
```
#ff0b9b rgb(255,11,155)
```
#ff0b86
```
#ff0b86 rgb(255,11,134)
```
#ff0b72
```
#ff0b72 rgb(255,11,114)
```

Similar Colors

Text with hexadecimal color #ff0baf

This text has a font color of #ff0baf.

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

#ff0baf background color

This paragraph has a background color of #ff0baf.

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

#ff0baf border color

This element has a border color of #ff0baf.

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

CSS codes

.text {color:#ff0baf;}

.background {background-color:#ff0baf;}

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

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

#0b0007
```
#0b0007 rgb(11,0,7)
```
#1f0015
```
#1f0015 rgb(31,0,21)
```
#320022
```
#320022 rgb(50,0,34)
```
#46002f
```
#46002f rgb(70,0,47)
```
#59003c
```
#59003c rgb(89,0,60)
```
#6d0049
```
#6d0049 rgb(109,0,73)
```
#810056
```
#810056 rgb(129,0,86)
```
#940064
```
#940064 rgb(148,0,100)
```
#a80071
```
#a80071 rgb(168,0,113)
```
#bc007e
```
#bc007e rgb(188,0,126)
```
#cf008b
```
#cf008b rgb(207,0,139)
```
#e30098
```
#e30098 rgb(227,0,152)
```
#f600a6
```
#f600a6 rgb(246,0,166)
```

Shade Color Variation

#ff0baf
```
#ff0baf rgb(255,11,175)
```
#ff1fb5
```
#ff1fb5 rgb(255,31,181)
```
#ff32bc
```
#ff32bc rgb(255,50,188)
```
#ff46c2
```
#ff46c2 rgb(255,70,194)
```
#ff59c9
```
#ff59c9 rgb(255,89,201)
```
#ff6dcf
```
#ff6dcf rgb(255,109,207)
```
#ff81d6
```
#ff81d6 rgb(255,129,214)
```
#ff94dc
```
#ff94dc rgb(255,148,220)
```
#ffa8e2
```
#ffa8e2 rgb(255,168,226)
```
#ffbce9
```
#ffbce9 rgb(255,188,233)
```
#ffcfef
```
#ffcfef rgb(255,207,239)
```
#ffe3f6
```
#ffe3f6 rgb(255,227,246)
```
#fff6fc
```
#fff6fc rgb(255,246,252)
```

Tint Color Variation

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

#8e7c88
```
#8e7c88 rgb(142,124,136)
```
#98728b
```
#98728b rgb(152,114,139)
```
#a1698f
```
#a1698f rgb(161,105,143)
```
#ab5f92
```
#ab5f92 rgb(171,95,146)
```
#b45695
```
#b45695 rgb(180,86,149)
```
#bd4d98
```
#bd4d98 rgb(189,77,152)
```
#c7439c
```
#c7439c rgb(199,67,156)
```
#d03a9f
```
#d03a9f rgb(208,58,159)
```
#d931a2
```
#d931a2 rgb(217,49,162)
```
#e327a5
```
#e327a5 rgb(227,39,165)
```
#ec1ea9
```
#ec1ea9 rgb(236,30,169)
```
#f614ac
```
#f614ac rgb(246,20,172)
```
#ff0baf
```
#ff0baf rgb(255,11,175)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#855575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c8aed Protanopia 1% of men
#918aa1 Deuteranopia 1% of men
#f84e51 Tritanopia 0.001% of the population

Trichromacy

#975cd6 Protanomaly 1% of men, 0.01% of women
#b95ca6 Deuteranomaly 6% of men, 0.4% of women
#fa3573 Tritanomaly 0.01% of the population

#ff0baf hex color

#ff0baf Color Information

#ff0baf Color Conversion

Color Schemes with #ff0baf

Alternatives to #ff0baf

#ff0baf Preview

Shades and Tints of #ff0baf

Tones of #ff0baf

Color Blindness Simulator