#b7d6fd hex color

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

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

● #b7d6fd color description : Very soft blue.

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

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

CIE-LAB	84.613, -1.68, -22.407
XYZ	61.301, 65.251, 102.288
xyY	0.268, 0.285, 65.251
CIE-LCH	84.613, 22.47, 265.712
CIE-LUV	84.613, -17.372, -35.571
Hunter-Lab	80.778, -5.901, -18.534
Binary	10110111, 11010110, 11111101

#b7d6fd
```
#b7d6fd rgb(183,214,253)
```
#fddeb7
```
#fddeb7 rgb(253,222,183)
```

Complementary Color

#b7f9fd
```
#b7f9fd rgb(183,249,253)
```
#b7d6fd
```
#b7d6fd rgb(183,214,253)
```
#bbb7fd
```
#bbb7fd rgb(187,183,253)
```

Analogous Color

#f9fdb7
```
#f9fdb7 rgb(249,253,183)
```
#b7d6fd
```
#b7d6fd rgb(183,214,253)
```
#fdbbb7
```
#fdbbb7 rgb(253,187,183)
```

Split Complementary Color

#d6fdb7
```
#d6fdb7 rgb(214,253,183)
```
#b7d6fd
```
#b7d6fd rgb(183,214,253)
```
#fdb7d6
```
#fdb7d6 rgb(253,183,214)
```

Triadic Color

#b7fdde
```
#b7fdde rgb(183,253,222)
```
#b7d6fd
```
#b7d6fd rgb(183,214,253)
```
#fdb7d6
```
#fdb7d6 rgb(253,183,214)
```
#fddeb7
```
#fddeb7 rgb(253,222,183)
```

Tetradic Color

#6dacfb
```
#6dacfb rgb(109,172,251)
```
#85bafc
```
#85bafc rgb(133,186,252)
```
#9ec8fc
```
#9ec8fc rgb(158,200,252)
```
#b7d6fd
```
#b7d6fd rgb(183,214,253)
```
#d0e4fe
```
#d0e4fe rgb(208,228,254)
```
#e9f2fe
```
#e9f2fe rgb(233,242,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b7e8fd
```
#b7e8fd rgb(183,232,253)
```
#b7e2fd
```
#b7e2fd rgb(183,226,253)
```
#b7dcfd
```
#b7dcfd rgb(183,220,253)
```
#b7d6fd
```
#b7d6fd rgb(183,214,253)
```
#b7d0fd
```
#b7d0fd rgb(183,208,253)
```
#b7cafd
```
#b7cafd rgb(183,202,253)
```
#b7c5fd
```
#b7c5fd rgb(183,197,253)
```

Similar Colors

Text with hexadecimal color #b7d6fd

This text has a font color of #b7d6fd.

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

#b7d6fd background color

This paragraph has a background color of #b7d6fd.

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

#b7d6fd border color

This element has a border color of #b7d6fd.

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

CSS codes

.text {color:#b7d6fd;}

.background {background-color:#b7d6fd;}

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

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)
```
#01132b
```
#01132b rgb(1,19,43)
```
#021c3e
```
#021c3e rgb(2,28,62)
```
#022551
```
#022551 rgb(2,37,81)
```
#032e64
```
#032e64 rgb(3,46,100)
```
#033677
```
#033677 rgb(3,54,119)
```
#043f8a
```
#043f8a rgb(4,63,138)
```
#04489d
```
#04489d rgb(4,72,157)
```
#0551b0
```
#0551b0 rgb(5,81,176)
```
#0559c3
```
#0559c3 rgb(5,89,195)
```
#0662d6
```
#0662d6 rgb(6,98,214)
```
#066be9
```
#066be9 rgb(6,107,233)
```

Shade Color Variation

#0b74f8
```
#0b74f8 rgb(11,116,248)
```
#1e7ff9
```
#1e7ff9 rgb(30,127,249)
```
#318af9
```
#318af9 rgb(49,138,249)
```
#4495fa
```
#4495fa rgb(68,149,250)
```
#58a0fa
```
#58a0fa rgb(88,160,250)
```
#6babfb
```
#6babfb rgb(107,171,251)
```
#7eb5fb
```
#7eb5fb rgb(126,181,251)
```
#91c0fc
```
#91c0fc rgb(145,192,252)
```
#a4cbfc
```
#a4cbfc rgb(164,203,252)
```
#b7d6fd
```
#b7d6fd rgb(183,214,253)
```
#cae1fe
```
#cae1fe rgb(202,225,254)
```
#ddecfe
```
#ddecfe rgb(221,236,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 #b7d6fd is the most saturated one.

#d9dadb
```
#d9dadb rgb(217,218,219)
```
#d6dade
```
#d6dade rgb(214,218,222)
```
#d3d9e1
```
#d3d9e1 rgb(211,217,225)
```
#d1d9e3
```
#d1d9e3 rgb(209,217,227)
```
#ced9e6
```
#ced9e6 rgb(206,217,230)
```
#cbd8e9
```
#cbd8e9 rgb(203,216,233)
```
#c8d8ec
```
#c8d8ec rgb(200,216,236)
```
#c5d8ef
```
#c5d8ef rgb(197,216,239)
```
#c2d7f2
```
#c2d7f2 rgb(194,215,242)
```
#c0d7f4
```
#c0d7f4 rgb(192,215,244)
```
#bdd7f7
```
#bdd7f7 rgb(189,215,247)
```
#bad6fa
```
#bad6fa rgb(186,214,250)
```
#b7d6fd
```
#b7d6fd rgb(183,214,253)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#ccd2da Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd3fa Protanopia 1% of men
#d3d1ff Deuteranopia 1% of men
#b6dbeb Tritanopia 0.001% of the population

Trichromacy

#c4d4fb Protanomaly 1% of men, 0.01% of women
#c8d3fe Deuteranomaly 6% of men, 0.4% of women
#b6d9f1 Tritanomaly 0.01% of the population

#b7d6fd hex color

#b7d6fd Color Information

#b7d6fd Color Conversion

Color Schemes with #b7d6fd

Alternatives to #b7d6fd

#b7d6fd Preview

Shades and Tints of #b7d6fd

Tones of #b7d6fd

Color Blindness Simulator