#b2ddff hex color

In a RGB color space, hex #b2ddff is composed of 69.8% red, 86.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 13.3% magenta, 0% yellow and 0% black. It has a hue angle of 206.5 degrees, a saturation of 100% and a lightness of 84.9%. #b2ddff color hex could be obtained by blending #ffffff with #65bbff. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 87
- B 100
RGB color chart
- C 30
- M 13
- Y 0
- K 0
CMYK color chart

● #b2ddff color description : Pale blue.

The hexadecimal color #b2ddff has RGB values of R:178, G:221, B:255 and CMYK values of C:0.3, M:0.13, Y:0, K:0. Its decimal value is 11722239.

Hex triplet	b2ddff	`#b2ddff`
RGB Decimal	178, 221, 255	`rgb(178,221,255)`
RGB Percent	69.8, 86.7, 100	`rgb(69.8%,86.7%,100%)`
CMYK	30, 13, 0, 0
HSL	206.5°, 100, 84.9	`hsl(206.5,100%,84.9%)`
HSV (or HSB)	206.5°, 30.2, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.204, -6.292, -21.08
XYZ	62.262, 68.396, 104.523
xyY	0.265, 0.291, 68.396
CIE-LCH	86.204, 21.999, 253.382
CIE-LUV	86.204, -22.606, -32.727
Hunter-Lab	82.702, -10.343, -17.043
Binary	10110010, 11011101, 11111111

#b2ddff
```
#b2ddff rgb(178,221,255)
```
#ffd4b2
```
#ffd4b2 rgb(255,212,178)
```

Complementary Color

#b2fffb
```
#b2fffb rgb(178,255,251)
```
#b2ddff
```
#b2ddff rgb(178,221,255)
```
#b2b7ff
```
#b2b7ff rgb(178,183,255)
```

Analogous Color

#fffbb2
```
#fffbb2 rgb(255,251,178)
```
#b2ddff
```
#b2ddff rgb(178,221,255)
```
#ffb2b7
```
#ffb2b7 rgb(255,178,183)
```

Split Complementary Color

#ddffb2
```
#ddffb2 rgb(221,255,178)
```
#b2ddff
```
#b2ddff rgb(178,221,255)
```
#ffb2dd
```
#ffb2dd rgb(255,178,221)
```

Triadic Color

#b2ffd4
```
#b2ffd4 rgb(178,255,212)
```
#b2ddff
```
#b2ddff rgb(178,221,255)
```
#ffb2dd
```
#ffb2dd rgb(255,178,221)
```
#ffd4b2
```
#ffd4b2 rgb(255,212,178)
```

Tetradic Color

#66bbff
```
#66bbff rgb(102,187,255)
```
#7fc6ff
```
#7fc6ff rgb(127,198,255)
```
#99d2ff
```
#99d2ff rgb(153,210,255)
```
#b2ddff
```
#b2ddff rgb(178,221,255)
```
#cce8ff
```
#cce8ff rgb(204,232,255)
```
#e5f4ff
```
#e5f4ff rgb(229,244,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b2f0ff
```
#b2f0ff rgb(178,240,255)
```
#b2eaff
```
#b2eaff rgb(178,234,255)
```
#b2e3ff
```
#b2e3ff rgb(178,227,255)
```
#b2ddff
```
#b2ddff rgb(178,221,255)
```
#b2d7ff
```
#b2d7ff rgb(178,215,255)
```
#b2d0ff
```
#b2d0ff rgb(178,208,255)
```
#b2caff
```
#b2caff rgb(178,202,255)
```

Similar Colors

Text with hexadecimal color #b2ddff

This text has a font color of #b2ddff.

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

#b2ddff background color

This paragraph has a background color of #b2ddff.

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

#b2ddff border color

This element has a border color of #b2ddff.

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

CSS codes

.text {color:#b2ddff;}

.background {background-color:#b2ddff;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000c15
```
#000c15 rgb(0,12,21)
```
#001729
```
#001729 rgb(0,23,41)
```
#00223c
```
#00223c rgb(0,34,60)
```
#002d50
```
#002d50 rgb(0,45,80)
```
#003864
```
#003864 rgb(0,56,100)
```
#004377
```
#004377 rgb(0,67,119)
```
#004d8b
```
#004d8b rgb(0,77,139)
```
#00589e
```
#00589e rgb(0,88,158)
```
#0063b2
```
#0063b2 rgb(0,99,178)
```
#006ec6
```
#006ec6 rgb(0,110,198)
```
#0079d9
```
#0079d9 rgb(0,121,217)
```
#0084ed
```
#0084ed rgb(0,132,237)
```

Shade Color Variation

#018fff
```
#018fff rgb(1,143,255)
```
#1598ff
```
#1598ff rgb(21,152,255)
```
#29a0ff
```
#29a0ff rgb(41,160,255)
```
#3ca9ff
```
#3ca9ff rgb(60,169,255)
```
#50b2ff
```
#50b2ff rgb(80,178,255)
```
#64baff
```
#64baff rgb(100,186,255)
```
#77c3ff
```
#77c3ff rgb(119,195,255)
```
#8bccff
```
#8bccff rgb(139,204,255)
```
#9ed4ff
```
#9ed4ff rgb(158,212,255)
```
#b2ddff
```
#b2ddff rgb(178,221,255)
```
#c6e6ff
```
#c6e6ff rgb(198,230,255)
```
#d9eeff
```
#d9eeff rgb(217,238,255)
```
#edf7ff
```
#edf7ff rgb(237,247,255)
```

Tint Color Variation

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

#d6d9db
```
#d6d9db rgb(214,217,219)
```
#d3d9de
```
#d3d9de rgb(211,217,222)
```
#d0dae1
```
#d0dae1 rgb(208,218,225)
```
#cddae4
```
#cddae4 rgb(205,218,228)
```
#cadae7
```
#cadae7 rgb(202,218,231)
```
#c7dbea
```
#c7dbea rgb(199,219,234)
```
#c4dbed
```
#c4dbed rgb(196,219,237)
```
#c1dbf0
```
#c1dbf0 rgb(193,219,240)
```
#bedcf3
```
#bedcf3 rgb(190,220,243)
```
#bbdcf6
```
#bbdcf6 rgb(187,220,246)
```
#b8dcf9
```
#b8dcf9 rgb(184,220,249)
```
#b5ddfc
```
#b5ddfc rgb(181,221,252)
```
#b2ddff
```
#b2ddff rgb(178,221,255)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cdd6dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d7fa Protanopia 1% of men
#d8d5ff Deuteranopia 1% of men
#b2e1f1 Tritanopia 0.001% of the population

Trichromacy

#c6d9fc Protanomaly 1% of men, 0.01% of women
#cad8ff Deuteranomaly 6% of men, 0.4% of women
#b2dff6 Tritanomaly 0.01% of the population

#b2ddff hex color

#b2ddff Color Information

#b2ddff Color Conversion

Color Schemes with #b2ddff

Alternatives to #b2ddff

#b2ddff Preview

Shades and Tints of #b2ddff

Tones of #b2ddff

Color Blindness Simulator