#ffbbff hex color

In a RGB color space, hex #ffbbff is composed of 100% red, 73.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 0% yellow and 0% black. It has a hue angle of 300 degrees, a saturation of 100% and a lightness of 86.7%. #ffbbff color hex could be obtained by blending #ffffff with #ff77ff. Closest websafe color is: #ffccff.

♥
- f
- t
- g
- R 100
- G 73
- B 100
RGB color chart
- C 0
- M 27
- Y 0
- K 0
CMYK color chart

● #ffbbff color description : Pale magenta.

The hexadecimal color #ffbbff has RGB values of R:255, G:187, B:255 and CMYK values of C:0, M:0.27, Y:0, K:0. Its decimal value is 16759807.

Hex triplet	ffbbff	`#ffbbff`
RGB Decimal	255, 187, 255	`rgb(255,187,255)`
RGB Percent	100, 73.3, 100	`rgb(100%,73.3%,100%)`
CMYK	0, 27, 0, 0
HSL	300°, 100, 86.7	`hsl(300,100%,86.7%)`
HSV (or HSB)	300°, 26.7, 100
Web Safe	ffccff	`#ffccff`

CIE-LAB	83.978, 35.288, -23.893
XYZ	77.058, 64.023, 102.901
xyY	0.316, 0.262, 64.023
CIE-LCH	83.978, 42.616, 325.899
CIE-LUV	83.978, 33.998, -43.976
Hunter-Lab	80.014, 31.88, -20.239
Binary	11111111, 10111011, 11111111

#ffbbff
```
#ffbbff rgb(255,187,255)
```
#bbffbb
```
#bbffbb rgb(187,255,187)
```

Complementary Color

#ddbbff
```
#ddbbff rgb(221,187,255)
```
#ffbbff
```
#ffbbff rgb(255,187,255)
```
#ffbbdd
```
#ffbbdd rgb(255,187,221)
```

Analogous Color

#bbffdd
```
#bbffdd rgb(187,255,221)
```
#ffbbff
```
#ffbbff rgb(255,187,255)
```
#ddffbb
```
#ddffbb rgb(221,255,187)
```

Split Complementary Color

#bbffff
```
#bbffff rgb(187,255,255)
```
#ffbbff
```
#ffbbff rgb(255,187,255)
```
#ffffbb
```
#ffffbb rgb(255,255,187)
```

Triadic Color

#bbbbff
```
#bbbbff rgb(187,187,255)
```
#ffbbff
```
#ffbbff rgb(255,187,255)
```
#ffffbb
```
#ffffbb rgb(255,255,187)
```
#bbffbb
```
#bbffbb rgb(187,255,187)
```

Tetradic Color

#ff6fff
```
#ff6fff rgb(255,111,255)
```
#ff88ff
```
#ff88ff rgb(255,136,255)
```
#ffa2ff
```
#ffa2ff rgb(255,162,255)
```
#ffbbff
```
#ffbbff rgb(255,187,255)
```
#ffd5ff
```
#ffd5ff rgb(255,213,255)
```
#ffeeff
```
#ffeeff rgb(255,238,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#eebbff
```
#eebbff rgb(238,187,255)
```
#f4bbff
```
#f4bbff rgb(244,187,255)
```
#f9bbff
```
#f9bbff rgb(249,187,255)
```
#ffbbff
```
#ffbbff rgb(255,187,255)
```
#ffbbf9
```
#ffbbf9 rgb(255,187,249)
```
#ffbbf4
```
#ffbbf4 rgb(255,187,244)
```
#ffbbee
```
#ffbbee rgb(255,187,238)
```

Similar Colors

Text with hexadecimal color #ffbbff

This text has a font color of #ffbbff.

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

#ffbbff background color

This paragraph has a background color of #ffbbff.

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

#ffbbff border color

This element has a border color of #ffbbff.

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

CSS codes

.text {color:#ffbbff;}

.background {background-color:#ffbbff;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1e001e
```
#1e001e rgb(30,0,30)
```
#320032
```
#320032 rgb(50,0,50)
```
#450045
```
#450045 rgb(69,0,69)
```
#590059
```
#590059 rgb(89,0,89)
```
#6d006d
```
#6d006d rgb(109,0,109)
```
#800080
```
#800080 rgb(128,0,128)
```
#940094
```
#940094 rgb(148,0,148)
```
#a700a7
```
#a700a7 rgb(167,0,167)
```
#bb00bb
```
#bb00bb rgb(187,0,187)
```
#cf00cf
```
#cf00cf rgb(207,0,207)
```
#e200e2
```
#e200e2 rgb(226,0,226)
```
#f600f6
```
#f600f6 rgb(246,0,246)
```

Shade Color Variation

#ff0aff
```
#ff0aff rgb(255,10,255)
```
#ff1eff
```
#ff1eff rgb(255,30,255)
```
#ff32ff
```
#ff32ff rgb(255,50,255)
```
#ff45ff
```
#ff45ff rgb(255,69,255)
```
#ff59ff
```
#ff59ff rgb(255,89,255)
```
#ff6dff
```
#ff6dff rgb(255,109,255)
```
#ff80ff
```
#ff80ff rgb(255,128,255)
```
#ff94ff
```
#ff94ff rgb(255,148,255)
```
#ffa7ff
```
#ffa7ff rgb(255,167,255)
```
#ffbbff
```
#ffbbff rgb(255,187,255)
```
#ffcfff
```
#ffcfff rgb(255,207,255)
```
#ffe2ff
```
#ffe2ff rgb(255,226,255)
```
#fff6ff
```
#fff6ff rgb(255,246,255)
```

Tint Color Variation

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

#e0dae0
```
#e0dae0 rgb(224,218,224)
```
#e2d8e2
```
#e2d8e2 rgb(226,216,226)
```
#e5d5e5
```
#e5d5e5 rgb(229,213,229)
```
#e7d3e7
```
#e7d3e7 rgb(231,211,231)
```
#ead0ea
```
#ead0ea rgb(234,208,234)
```
#edcded
```
#edcded rgb(237,205,237)
```
#efcbef
```
#efcbef rgb(239,203,239)
```
#f2c8f2
```
#f2c8f2 rgb(242,200,242)
```
#f5c5f5
```
#f5c5f5 rgb(245,197,245)
```
#f7c3f7
```
#f7c3f7 rgb(247,195,247)
```
#fac0fa
```
#fac0fa rgb(250,192,250)
```
#fcbefc
```
#fcbefc rgb(252,190,252)
```
#ffbbff
```
#ffbbff rgb(255,187,255)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#dfd1df Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7d2ff Protanopia 1% of men
#d3cff9 Deuteranopia 1% of men
#f8c6d4 Tritanopia 0.001% of the population

Trichromacy

#dbc9ff Protanomaly 1% of men, 0.01% of women
#e3c7fb Deuteranomaly 6% of men, 0.4% of women
#fac2e4 Tritanomaly 0.01% of the population

#ffbbff hex color

#ffbbff Color Information

#ffbbff Color Conversion

Color Schemes with #ffbbff

Alternatives to #ffbbff

#ffbbff Preview

Shades and Tints of #ffbbff

Tones of #ffbbff

Color Blindness Simulator