#b0d4ff hex color

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

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

● #b0d4ff color description : Pale blue.

The hexadecimal color #b0d4ff has RGB values of R:176, G:212, B:255 and CMYK values of C:0.31, M:0.17, Y:0, K:0. Its decimal value is 11588863.

Hex triplet	b0d4ff	`#b0d4ff`
RGB Decimal	176, 212, 255	`rgb(176,212,255)`
RGB Percent	69, 83.1, 100	`rgb(69%,83.1%,100%)`
CMYK	31, 17, 0, 0
HSL	212.7°, 100, 84.5	`hsl(212.7,100%,84.5%)`
HSV (or HSB)	212.7°, 31, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.723, -2.133, -24.858
XYZ	59.494, 63.535, 103.731
xyY	0.262, 0.28, 63.535
CIE-LCH	83.723, 24.949, 265.097
CIE-LUV	83.723, -19.658, -39.571
Hunter-Lab	79.709, -6.26, -21.362
Binary	10110000, 11010100, 11111111

#b0d4ff
```
#b0d4ff rgb(176,212,255)
```
#ffdbb0
```
#ffdbb0 rgb(255,219,176)
```

Complementary Color

#b0fcff
```
#b0fcff rgb(176,252,255)
```
#b0d4ff
```
#b0d4ff rgb(176,212,255)
```
#b4b0ff
```
#b4b0ff rgb(180,176,255)
```

Analogous Color

#fcffb0
```
#fcffb0 rgb(252,255,176)
```
#b0d4ff
```
#b0d4ff rgb(176,212,255)
```
#ffb4b0
```
#ffb4b0 rgb(255,180,176)
```

Split Complementary Color

#d4ffb0
```
#d4ffb0 rgb(212,255,176)
```
#b0d4ff
```
#b0d4ff rgb(176,212,255)
```
#ffb0d4
```
#ffb0d4 rgb(255,176,212)
```

Triadic Color

#b0ffdb
```
#b0ffdb rgb(176,255,219)
```
#b0d4ff
```
#b0d4ff rgb(176,212,255)
```
#ffb0d4
```
#ffb0d4 rgb(255,176,212)
```
#ffdbb0
```
#ffdbb0 rgb(255,219,176)
```

Tetradic Color

#64aaff
```
#64aaff rgb(100,170,255)
```
#7db8ff
```
#7db8ff rgb(125,184,255)
```
#97c6ff
```
#97c6ff rgb(151,198,255)
```
#b0d4ff
```
#b0d4ff rgb(176,212,255)
```
#cae2ff
```
#cae2ff rgb(202,226,255)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Monochromatic Color

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

#b0e8ff
```
#b0e8ff rgb(176,232,255)
```
#b0e1ff
```
#b0e1ff rgb(176,225,255)
```
#b0dbff
```
#b0dbff rgb(176,219,255)
```
#b0d4ff
```
#b0d4ff rgb(176,212,255)
```
#b0cdff
```
#b0cdff rgb(176,205,255)
```
#b0c7ff
```
#b0c7ff rgb(176,199,255)
```
#b0c0ff
```
#b0c0ff rgb(176,192,255)
```

Similar Colors

Text with hexadecimal color #b0d4ff

This text has a font color of #b0d4ff.

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

#b0d4ff background color

This paragraph has a background color of #b0d4ff.

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

#b0d4ff border color

This element has a border color of #b0d4ff.

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

CSS codes

.text {color:#b0d4ff;}

.background {background-color:#b0d4ff;}

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

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)
```
#001227
```
#001227 rgb(0,18,39)
```
#001b3a
```
#001b3a rgb(0,27,58)
```
#00244e
```
#00244e rgb(0,36,78)
```
#002c62
```
#002c62 rgb(0,44,98)
```
#003575
```
#003575 rgb(0,53,117)
```
#003e89
```
#003e89 rgb(0,62,137)
```
#00479c
```
#00479c rgb(0,71,156)
```
#0050b0
```
#0050b0 rgb(0,80,176)
```
#0059c4
```
#0059c4 rgb(0,89,196)
```
#0062d7
```
#0062d7 rgb(0,98,215)
```
#006beb
```
#006beb rgb(0,107,235)
```
#0074fe
```
#0074fe rgb(0,116,254)
```

Shade Color Variation

#137fff
```
#137fff rgb(19,127,255)
```
#2789ff
```
#2789ff rgb(39,137,255)
```
#3a94ff
```
#3a94ff rgb(58,148,255)
```
#4e9fff
```
#4e9fff rgb(78,159,255)
```
#62a9ff
```
#62a9ff rgb(98,169,255)
```
#75b4ff
```
#75b4ff rgb(117,180,255)
```
#89bfff
```
#89bfff rgb(137,191,255)
```
#9cc9ff
```
#9cc9ff rgb(156,201,255)
```
#b0d4ff
```
#b0d4ff rgb(176,212,255)
```
#c4dfff
```
#c4dfff rgb(196,223,255)
```
#d7e9ff
```
#d7e9ff rgb(215,233,255)
```
#ebf4ff
```
#ebf4ff rgb(235,244,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 #b0d4ff is the most saturated one.

#d4d7db
```
#d4d7db rgb(212,215,219)
```
#d1d7de
```
#d1d7de rgb(209,215,222)
```
#ced7e1
```
#ced7e1 rgb(206,215,225)
```
#cbd6e4
```
#cbd6e4 rgb(203,214,228)
```
#c8d6e7
```
#c8d6e7 rgb(200,214,231)
```
#c5d6ea
```
#c5d6ea rgb(197,214,234)
```
#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#bfd5f0
```
#bfd5f0 rgb(191,213,240)
```
#bcd5f3
```
#bcd5f3 rgb(188,213,243)
```
#b9d5f6
```
#b9d5f6 rgb(185,213,246)
```
#b6d5f9
```
#b6d5f9 rgb(182,213,249)
```
#b3d4fc
```
#b3d4fc rgb(179,212,252)
```
#b0d4ff
```
#b0d4ff rgb(176,212,255)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c8cfd8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9d1fb Protanopia 1% of men
#cdcfff Deuteranopia 1% of men
#aedae9 Tritanopia 0.001% of the population

Trichromacy

#bfd2fd Protanomaly 1% of men, 0.01% of women
#c3d1ff Deuteranomaly 6% of men, 0.4% of women
#aed7f1 Tritanomaly 0.01% of the population

#b0d4ff hex color

#b0d4ff Color Information

#b0d4ff Color Conversion

Color Schemes with #b0d4ff

Alternatives to #b0d4ff

#b0d4ff Preview

Shades and Tints of #b0d4ff

Tones of #b0d4ff

Color Blindness Simulator