#b7d8fd hex color

In a RGB color space, hex #b7d8fd is composed of 71.8% red, 84.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 14.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 211.7 degrees, a saturation of 94.6% and a lightness of 85.5%. #b7d8fd color hex could be obtained by blending #ffffff with #6fb1fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 72
- G 85
- B 99
RGB color chart
- C 28
- M 15
- Y 0
- K 1
CMYK color chart

● #b7d8fd color description : Very soft blue.

The hexadecimal color #b7d8fd has RGB values of R:183, G:216, B:253 and CMYK values of C:0.28, M:0.15, Y:0, K:0.01. Its decimal value is 12048637.

Hex triplet	b7d8fd	`#b7d8fd`
RGB Decimal	183, 216, 253	`rgb(183,216,253)`
RGB Percent	71.8, 84.7, 99.2	`rgb(71.8%,84.7%,99.2%)`
CMYK	28, 15, 0, 1
HSL	211.7°, 94.6, 85.5	`hsl(211.7,94.6%,85.5%)`
HSV (or HSB)	211.7°, 27.7, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.134, -2.732, -21.618
XYZ	61.81, 66.269, 102.458
xyY	0.268, 0.287, 66.269
CIE-LCH	85.134, 21.79, 262.797
CIE-LUV	85.134, -18.234, -34.117
Hunter-Lab	81.406, -6.928, -17.638
Binary	10110111, 11011000, 11111101

#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#fddcb7
```
#fddcb7 rgb(253,220,183)
```

Complementary Color

#b7fbfd
```
#b7fbfd rgb(183,251,253)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#b9b7fd
```
#b9b7fd rgb(185,183,253)
```

Analogous Color

#fbfdb7
```
#fbfdb7 rgb(251,253,183)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#fdb9b7
```
#fdb9b7 rgb(253,185,183)
```

Split Complementary Color

#d8fdb7
```
#d8fdb7 rgb(216,253,183)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#fdb7d8
```
#fdb7d8 rgb(253,183,216)
```

Triadic Color

#b7fddc
```
#b7fddc rgb(183,253,220)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#fdb7d8
```
#fdb7d8 rgb(253,183,216)
```
#fddcb7
```
#fddcb7 rgb(253,220,183)
```

Tetradic Color

#6db0fb
```
#6db0fb rgb(109,176,251)
```
#85bdfc
```
#85bdfc rgb(133,189,252)
```
#9ecbfc
```
#9ecbfc rgb(158,203,252)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#d0e5fe
```
#d0e5fe rgb(208,229,254)
```
#e9f3fe
```
#e9f3fe rgb(233,243,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b7eafd
```
#b7eafd rgb(183,234,253)
```
#b7e4fd
```
#b7e4fd rgb(183,228,253)
```
#b7defd
```
#b7defd rgb(183,222,253)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#b7ccfd
```
#b7ccfd rgb(183,204,253)
```
#b7c7fd
```
#b7c7fd rgb(183,199,253)
```

Similar Colors

Text with hexadecimal color #b7d8fd

This text has a font color of #b7d8fd.

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

#b7d8fd background color

This paragraph has a background color of #b7d8fd.

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

#b7d8fd border color

This element has a border color of #b7d8fd.

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

CSS codes

.text {color:#b7d8fd;}

.background {background-color:#b7d8fd;}

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010b17
```
#010b17 rgb(1,11,23)
```
#01152b
```
#01152b rgb(1,21,43)
```
#021e3e
```
#021e3e rgb(2,30,62)
```
#022751
```
#022751 rgb(2,39,81)
```
#033064
```
#033064 rgb(3,48,100)
```
#033a77
```
#033a77 rgb(3,58,119)
```
#04438a
```
#04438a rgb(4,67,138)
```
#044c9d
```
#044c9d rgb(4,76,157)
```
#0556b0
```
#0556b0 rgb(5,86,176)
```
#055fc3
```
#055fc3 rgb(5,95,195)
```
#0668d6
```
#0668d6 rgb(6,104,214)
```
#0671e9
```
#0671e9 rgb(6,113,233)
```

Shade Color Variation

#0b7bf8
```
#0b7bf8 rgb(11,123,248)
```
#1e85f9
```
#1e85f9 rgb(30,133,249)
```
#3190f9
```
#3190f9 rgb(49,144,249)
```
#449afa
```
#449afa rgb(68,154,250)
```
#58a4fa
```
#58a4fa rgb(88,164,250)
```
#6baffb
```
#6baffb rgb(107,175,251)
```
#7eb9fb
```
#7eb9fb rgb(126,185,251)
```
#91c3fc
```
#91c3fc rgb(145,195,252)
```
#a4cefc
```
#a4cefc rgb(164,206,252)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#cae2fe
```
#cae2fe rgb(202,226,254)
```
#ddedfe
```
#ddedfe rgb(221,237,254)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

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

#d9dadb
```
#d9dadb rgb(217,218,219)
```
#d6dade
```
#d6dade rgb(214,218,222)
```
#d3dae1
```
#d3dae1 rgb(211,218,225)
```
#d1d9e3
```
#d1d9e3 rgb(209,217,227)
```
#ced9e6
```
#ced9e6 rgb(206,217,230)
```
#cbd9e9
```
#cbd9e9 rgb(203,217,233)
```
#c8d9ec
```
#c8d9ec rgb(200,217,236)
```
#c5d9ef
```
#c5d9ef rgb(197,217,239)
```
#c2d9f2
```
#c2d9f2 rgb(194,217,242)
```
#c0d8f4
```
#c0d8f4 rgb(192,216,244)
```
#bdd8f7
```
#bdd8f7 rgb(189,216,247)
```
#bad8fa
```
#bad8fa rgb(186,216,250)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cdd3db Atypical Achromatopsia 0.001% of the population

Dichromacy

#ced5fa Protanopia 1% of men
#d5d2ff Deuteranopia 1% of men
#b6dcec Tritanopia 0.001% of the population

Trichromacy

#c6d6fb Protanomaly 1% of men, 0.01% of women
#cad4fe Deuteranomaly 6% of men, 0.4% of women
#b6dbf2 Tritanomaly 0.01% of the population

#b7d8fd hex color

#b7d8fd Color Information

#b7d8fd Color Conversion

Color Schemes with #b7d8fd

Alternatives to #b7d8fd

#b7d8fd Preview

Shades and Tints of #b7d8fd

Tones of #b7d8fd

Color Blindness Simulator