colorhexa.com

#ffbbdd hex color

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

- R 100
- G 73
- B 87
RGB color chart
- C 0
- M 27
- Y 13
- K 0
CMYK color chart

● #ffbbdd color description : Pale pink.

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

Hex triplet	ffbbdd	`#ffbbdd`
RGB Decimal	255, 187, 221	`rgb(255,187,221)`
RGB Percent	100, 73.3, 86.7	`rgb(100%,73.3%,86.7%)`
CMYK	0, 27, 13, 0
HSL	330°, 100, 86.7	`hsl(330,100%,86.7%)`
HSV (or HSB)	330°, 26.7, 100
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	82.926, 29.515, -7.298
XYZ	72.06, 62.024, 76.579
xyY	0.342, 0.294, 62.024
CIE-LCH	82.926, 30.404, 346.111
CIE-LUV	82.926, 38.91, -16.491
Hunter-Lab	78.755, 25.505, -2.523
Binary	11111111, 10111011, 11011101

#ffbbdd
```
#ffbbdd rgb(255,187,221)
```
#bbffdd
```
#bbffdd rgb(187,255,221)
```

Complementary Color

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

Analogous Color

#bbffff
```
#bbffff rgb(187,255,255)
```
#ffbbdd
```
#ffbbdd rgb(255,187,221)
```
#bbffbb
```
#bbffbb rgb(187,255,187)
```

Split Complementary Color

#bbddff
```
#bbddff rgb(187,221,255)
```
#ffbbdd
```
#ffbbdd rgb(255,187,221)
```
#ddffbb
```
#ddffbb rgb(221,255,187)
```

Triadic Color

#ddbbff
```
#ddbbff rgb(221,187,255)
```
#ffbbdd
```
#ffbbdd rgb(255,187,221)
```
#ddffbb
```
#ddffbb rgb(221,255,187)
```
#bbffdd
```
#bbffdd rgb(187,255,221)
```

Tetradic Color

#ff6fb7
```
#ff6fb7 rgb(255,111,183)
```
#ff88c4
```
#ff88c4 rgb(255,136,196)
```
#ffa2d0
```
#ffa2d0 rgb(255,162,208)
```
#ffbbdd
```
#ffbbdd rgb(255,187,221)
```
#ffd5ea
```
#ffd5ea rgb(255,213,234)
```
#ffeef7
```
#ffeef7 rgb(255,238,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ffbbee
```
#ffbbee rgb(255,187,238)
```
#ffbbe8
```
#ffbbe8 rgb(255,187,232)
```
#ffbbe3
```
#ffbbe3 rgb(255,187,227)
```
#ffbbdd
```
#ffbbdd rgb(255,187,221)
```
#ffbbd7
```
#ffbbd7 rgb(255,187,215)
```
#ffbbd2
```
#ffbbd2 rgb(255,187,210)
```
#ffbbcc
```
#ffbbcc rgb(255,187,204)
```

Similar Colors

Text with hexadecimal color #ffbbdd

This text has a font color of #ffbbdd.

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

#ffbbdd background color

This paragraph has a background color of #ffbbdd.

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

#ffbbdd border color

This element has a border color of #ffbbdd.

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

CSS codes

.text {color:#ffbbdd;}

.background {background-color:#ffbbdd;}

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

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

#0a0005
```
#0a0005 rgb(10,0,5)
```
#1e000f
```
#1e000f rgb(30,0,15)
```
#320019
```
#320019 rgb(50,0,25)
```
#450023
```
#450023 rgb(69,0,35)
```
#59002c
```
#59002c rgb(89,0,44)
```
#6d0036
```
#6d0036 rgb(109,0,54)
```
#800040
```
#800040 rgb(128,0,64)
```
#94004a
```
#94004a rgb(148,0,74)
```
#a70054
```
#a70054 rgb(167,0,84)
```
#bb005e
```
#bb005e rgb(187,0,94)
```
#cf0067
```
#cf0067 rgb(207,0,103)
```
#e20071
```
#e20071 rgb(226,0,113)
```
#f6007b
```
#f6007b rgb(246,0,123)
```

Shade Color Variation

#ff0a85
```
#ff0a85 rgb(255,10,133)
```
#ff1e8f
```
#ff1e8f rgb(255,30,143)
```
#ff3298
```
#ff3298 rgb(255,50,152)
```
#ff45a2
```
#ff45a2 rgb(255,69,162)
```
#ff59ac
```
#ff59ac rgb(255,89,172)
```
#ff6db6
```
#ff6db6 rgb(255,109,182)
```
#ff80c0
```
#ff80c0 rgb(255,128,192)
```
#ff94c9
```
#ff94c9 rgb(255,148,201)
```
#ffa7d3
```
#ffa7d3 rgb(255,167,211)
```
#ffbbdd
```
#ffbbdd rgb(255,187,221)
```
#ffcfe7
```
#ffcfe7 rgb(255,207,231)
```
#ffe2f1
```
#ffe2f1 rgb(255,226,241)
```
#fff6fa
```
#fff6fa rgb(255,246,250)
```

Tint Color Variation

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

#e0dadd
```
#e0dadd rgb(224,218,221)
```
#e2d8dd
```
#e2d8dd rgb(226,216,221)
```
#e5d5dd
```
#e5d5dd rgb(229,213,221)
```
#e7d3dd
```
#e7d3dd rgb(231,211,221)
```
#ead0dd
```
#ead0dd rgb(234,208,221)
```
#edcddd
```
#edcddd rgb(237,205,221)
```
#efcbdd
```
#efcbdd rgb(239,203,221)
```
#f2c8dd
```
#f2c8dd rgb(242,200,221)
```
#f5c5dd
```
#f5c5dd rgb(245,197,221)
```
#f7c3dd
```
#f7c3dd rgb(247,195,221)
```
#fac0dd
```
#fac0dd rgb(250,192,221)
```
#fcbedd
```
#fcbedd rgb(252,190,221)
```
#ffbbdd
```
#ffbbdd rgb(255,187,221)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dcced5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcfe8 Protanopia 1% of men
#dfcbda Deuteranopia 1% of men
#fcc1ce Tritanopia 0.001% of the population

Trichromacy

#dfc8e4 Protanomaly 1% of men, 0.01% of women
#ebc5db Deuteranomaly 6% of men, 0.4% of women
#fdbfd4 Tritanomaly 0.01% of the population