#b0ddff hex color

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

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

● #b0ddff color description : Pale blue.

The hexadecimal color #b0ddff has RGB values of R:176, G:221, B:255 and CMYK values of C:0.31, M:0.13, Y:0, K:0. Its decimal value is 11591167.

Hex triplet	b0ddff	`#b0ddff`
RGB Decimal	176, 221, 255	`rgb(176,221,255)`
RGB Percent	69, 86.7, 100	`rgb(69%,86.7%,100%)`
CMYK	31, 13, 0, 0
HSL	205.8°, 100, 84.5	`hsl(205.8,100%,84.5%)`
HSV (or HSB)	205.8°, 31, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.087, -6.849, -21.269
XYZ	61.807, 68.161, 104.502
xyY	0.264, 0.291, 68.161
CIE-LCH	86.087, 22.344, 252.152
CIE-LUV	86.087, -23.459, -32.954
Hunter-Lab	82.56, -10.848, -17.256
Binary	10110000, 11011101, 11111111

#b0ddff
```
#b0ddff rgb(176,221,255)
```
#ffd2b0
```
#ffd2b0 rgb(255,210,176)
```

Complementary Color

#b0fffa
```
#b0fffa rgb(176,255,250)
```
#b0ddff
```
#b0ddff rgb(176,221,255)
```
#b0b6ff
```
#b0b6ff rgb(176,182,255)
```

Analogous Color

#fffab0
```
#fffab0 rgb(255,250,176)
```
#b0ddff
```
#b0ddff rgb(176,221,255)
```
#ffb0b6
```
#ffb0b6 rgb(255,176,182)
```

Split Complementary Color

#ddffb0
```
#ddffb0 rgb(221,255,176)
```
#b0ddff
```
#b0ddff rgb(176,221,255)
```
#ffb0dd
```
#ffb0dd rgb(255,176,221)
```

Triadic Color

#b0ffd2
```
#b0ffd2 rgb(176,255,210)
```
#b0ddff
```
#b0ddff rgb(176,221,255)
```
#ffb0dd
```
#ffb0dd rgb(255,176,221)
```
#ffd2b0
```
#ffd2b0 rgb(255,210,176)
```

Tetradic Color

#64bcff
```
#64bcff rgb(100,188,255)
```
#7dc7ff
```
#7dc7ff rgb(125,199,255)
```
#97d2ff
```
#97d2ff rgb(151,210,255)
```
#b0ddff
```
#b0ddff rgb(176,221,255)
```
#cae8ff
```
#cae8ff rgb(202,232,255)
```
#e3f3ff
```
#e3f3ff rgb(227,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Monochromatic Color

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

#b0f1ff
```
#b0f1ff rgb(176,241,255)
```
#b0eaff
```
#b0eaff rgb(176,234,255)
```
#b0e4ff
```
#b0e4ff rgb(176,228,255)
```
#b0ddff
```
#b0ddff rgb(176,221,255)
```
#b0d6ff
```
#b0d6ff rgb(176,214,255)
```
#b0d0ff
```
#b0d0ff rgb(176,208,255)
```
#b0c9ff
```
#b0c9ff rgb(176,201,255)
```

Similar Colors

Text with hexadecimal color #b0ddff

This text has a font color of #b0ddff.

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

#b0ddff background color

This paragraph has a background color of #b0ddff.

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

#b0ddff border color

This element has a border color of #b0ddff.

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

CSS codes

.text {color:#b0ddff;}

.background {background-color:#b0ddff;}

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

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, #000b13 is the darkest color, while #feffff is the lightest one.

#000b13
```
#000b13 rgb(0,11,19)
```
#001627
```
#001627 rgb(0,22,39)
```
#00213a
```
#00213a rgb(0,33,58)
```
#002c4e
```
#002c4e rgb(0,44,78)
```
#003862
```
#003862 rgb(0,56,98)
```
#004375
```
#004375 rgb(0,67,117)
```
#004e89
```
#004e89 rgb(0,78,137)
```
#00599c
```
#00599c rgb(0,89,156)
```
#0064b0
```
#0064b0 rgb(0,100,176)
```
#006fc4
```
#006fc4 rgb(0,111,196)
```
#007bd7
```
#007bd7 rgb(0,123,215)
```
#0086eb
```
#0086eb rgb(0,134,235)
```
#0091fe
```
#0091fe rgb(0,145,254)
```

Shade Color Variation

#1399ff
```
#1399ff rgb(19,153,255)
```
#27a2ff
```
#27a2ff rgb(39,162,255)
```
#3aaaff
```
#3aaaff rgb(58,170,255)
```
#4eb3ff
```
#4eb3ff rgb(78,179,255)
```
#62bbff
```
#62bbff rgb(98,187,255)
```
#75c4ff
```
#75c4ff rgb(117,196,255)
```
#89ccff
```
#89ccff rgb(137,204,255)
```
#9cd5ff
```
#9cd5ff rgb(156,213,255)
```
#b0ddff
```
#b0ddff rgb(176,221,255)
```
#c4e5ff
```
#c4e5ff rgb(196,229,255)
```
#d7eeff
```
#d7eeff rgb(215,238,255)
```
#ebf6ff
```
#ebf6ff rgb(235,246,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#d4d8db
```
#d4d8db rgb(212,216,219)
```
#d1d8de
```
#d1d8de rgb(209,216,222)
```
#ced9e1
```
#ced9e1 rgb(206,217,225)
```
#cbd9e4
```
#cbd9e4 rgb(203,217,228)
```
#c8dae7
```
#c8dae7 rgb(200,218,231)
```
#c5daea
```
#c5daea rgb(197,218,234)
```
#c2daed
```
#c2daed rgb(194,218,237)
```
#bfdbf0
```
#bfdbf0 rgb(191,219,240)
```
#bcdbf3
```
#bcdbf3 rgb(188,219,243)
```
#b9dcf6
```
#b9dcf6 rgb(185,220,246)
```
#b6dcf9
```
#b6dcf9 rgb(182,220,249)
```
#b3ddfc
```
#b3ddfc rgb(179,221,252)
```
#b0ddff
```
#b0ddff rgb(176,221,255)
```

Tone Color Variation

Below, you can see how #b0ddff 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
#ccd5dc Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#c5d9fc Protanomaly 1% of men, 0.01% of women
#c9d8ff Deuteranomaly 6% of men, 0.4% of women
#b0dff6 Tritanomaly 0.01% of the population

#b0ddff hex color

#b0ddff Color Information

#b0ddff Color Conversion

Color Schemes with #b0ddff

Alternatives to #b0ddff

#b0ddff Preview

Shades and Tints of #b0ddff

Tones of #b0ddff

Color Blindness Simulator