#b0d7ff hex color

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

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

● #b0d7ff color description : Pale blue.

The hexadecimal color #b0d7ff has RGB values of R:176, G:215, B:255 and CMYK values of C:0.31, M:0.16, Y:0, K:0. Its decimal value is 11589631.

Hex triplet	b0d7ff	`#b0d7ff`
RGB Decimal	176, 215, 255	`rgb(176,215,255)`
RGB Percent	69, 84.3, 100	`rgb(69%,84.3%,100%)`
CMYK	31, 16, 0, 0
HSL	210.4°, 100, 84.5	`hsl(210.4,100%,84.5%)`
HSV (or HSB)	210.4°, 31, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.509, -3.713, -23.662
XYZ	60.251, 65.049, 103.983
xyY	0.263, 0.284, 65.049
CIE-LCH	84.509, 23.952, 261.081
CIE-LUV	84.509, -20.924, -37.366
Hunter-Lab	80.653, -7.796, -19.984
Binary	10110000, 11010111, 11111111

#b0d7ff
```
#b0d7ff rgb(176,215,255)
```
#ffd8b0
```
#ffd8b0 rgb(255,216,176)
```

Complementary Color

#b0ffff
```
#b0ffff rgb(176,255,255)
```
#b0d7ff
```
#b0d7ff rgb(176,215,255)
```
#b1b0ff
```
#b1b0ff rgb(177,176,255)
```

Analogous Color

#ffffb0
```
#ffffb0 rgb(255,255,176)
```
#b0d7ff
```
#b0d7ff rgb(176,215,255)
```
#ffb1b0
```
#ffb1b0 rgb(255,177,176)
```

Split Complementary Color

#d7ffb0
```
#d7ffb0 rgb(215,255,176)
```
#b0d7ff
```
#b0d7ff rgb(176,215,255)
```
#ffb0d7
```
#ffb0d7 rgb(255,176,215)
```

Triadic Color

#b0ffd8
```
#b0ffd8 rgb(176,255,216)
```
#b0d7ff
```
#b0d7ff rgb(176,215,255)
```
#ffb0d7
```
#ffb0d7 rgb(255,176,215)
```
#ffd8b0
```
#ffd8b0 rgb(255,216,176)
```

Tetradic Color

#64b0ff
```
#64b0ff rgb(100,176,255)
```
#7dbdff
```
#7dbdff rgb(125,189,255)
```
#97caff
```
#97caff rgb(151,202,255)
```
#b0d7ff
```
#b0d7ff rgb(176,215,255)
```
#cae4ff
```
#cae4ff rgb(202,228,255)
```
#e3f1ff
```
#e3f1ff rgb(227,241,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Monochromatic Color

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

#b0ebff
```
#b0ebff rgb(176,235,255)
```
#b0e4ff
```
#b0e4ff rgb(176,228,255)
```
#b0deff
```
#b0deff rgb(176,222,255)
```
#b0d7ff
```
#b0d7ff rgb(176,215,255)
```
#b0d0ff
```
#b0d0ff rgb(176,208,255)
```
#b0caff
```
#b0caff rgb(176,202,255)
```
#b0c3ff
```
#b0c3ff rgb(176,195,255)
```

Similar Colors

Text with hexadecimal color #b0d7ff

This text has a font color of #b0d7ff.

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

#b0d7ff background color

This paragraph has a background color of #b0d7ff.

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

#b0d7ff border color

This element has a border color of #b0d7ff.

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

CSS codes

.text {color:#b0d7ff;}

.background {background-color:#b0d7ff;}

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

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

#000913
```
#000913 rgb(0,9,19)
```
#001327
```
#001327 rgb(0,19,39)
```
#001d3a
```
#001d3a rgb(0,29,58)
```
#00264e
```
#00264e rgb(0,38,78)
```
#003062
```
#003062 rgb(0,48,98)
```
#003a75
```
#003a75 rgb(0,58,117)
```
#004489
```
#004489 rgb(0,68,137)
```
#004d9c
```
#004d9c rgb(0,77,156)
```
#0057b0
```
#0057b0 rgb(0,87,176)
```
#0061c4
```
#0061c4 rgb(0,97,196)
```
#006ad7
```
#006ad7 rgb(0,106,215)
```
#0074eb
```
#0074eb rgb(0,116,235)
```
#007efe
```
#007efe rgb(0,126,254)
```

Shade Color Variation

#1388ff
```
#1388ff rgb(19,136,255)
```
#2791ff
```
#2791ff rgb(39,145,255)
```
#3a9bff
```
#3a9bff rgb(58,155,255)
```
#4ea5ff
```
#4ea5ff rgb(78,165,255)
```
#62afff
```
#62afff rgb(98,175,255)
```
#75b9ff
```
#75b9ff rgb(117,185,255)
```
#89c3ff
```
#89c3ff rgb(137,195,255)
```
#9ccdff
```
#9ccdff rgb(156,205,255)
```
#b0d7ff
```
#b0d7ff rgb(176,215,255)
```
#c4e1ff
```
#c4e1ff rgb(196,225,255)
```
#d7ebff
```
#d7ebff rgb(215,235,255)
```
#ebf5ff
```
#ebf5ff rgb(235,245,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#d4d7db
```
#d4d7db rgb(212,215,219)
```
#d1d7de
```
#d1d7de rgb(209,215,222)
```
#ced7e1
```
#ced7e1 rgb(206,215,225)
```
#cbd7e4
```
#cbd7e4 rgb(203,215,228)
```
#c8d7e7
```
#c8d7e7 rgb(200,215,231)
```
#c5d7ea
```
#c5d7ea rgb(197,215,234)
```
#c2d7ed
```
#c2d7ed rgb(194,215,237)
```
#bfd7f0
```
#bfd7f0 rgb(191,215,240)
```
#bcd7f3
```
#bcd7f3 rgb(188,215,243)
```
#b9d7f6
```
#b9d7f6 rgb(185,215,246)
```
#b6d7f9
```
#b6d7f9 rgb(182,215,249)
```
#b3d7fc
```
#b3d7fc rgb(179,215,252)
```
#b0d7ff
```
#b0d7ff rgb(176,215,255)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cad1d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd3fb Protanopia 1% of men
#d1d1ff Deuteranopia 1% of men
#aedcec Tritanopia 0.001% of the population

Trichromacy

#c1d4fc Protanomaly 1% of men, 0.01% of women
#c5d3ff Deuteranomaly 6% of men, 0.4% of women
#afdaf3 Tritanomaly 0.01% of the population

#b0d7ff hex color

#b0d7ff Color Information

#b0d7ff Color Conversion

Color Schemes with #b0d7ff

Alternatives to #b0d7ff

#b0d7ff Preview

Shades and Tints of #b0d7ff

Tones of #b0d7ff

Color Blindness Simulator