#b7d6f8 hex color

In a RGB color space, hex #b7d6f8 is composed of 71.8% red, 83.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 13.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 211.4 degrees, a saturation of 82.3% and a lightness of 84.5%. #b7d6f8 color hex could be obtained by blending #ffffff with #6fadf1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 72
- G 84
- B 97
RGB color chart
- C 26
- M 14
- Y 0
- K 3
CMYK color chart

● #b7d6f8 color description : Very soft blue.

The hexadecimal color #b7d6f8 has RGB values of R:183, G:214, B:248 and CMYK values of C:0.26, M:0.14, Y:0, K:0.03. Its decimal value is 12048120.

Hex triplet	b7d6f8	`#b7d6f8`
RGB Decimal	183, 214, 248	`rgb(183,214,248)`
RGB Percent	71.8, 83.9, 97.3	`rgb(71.8%,83.9%,97.3%)`
CMYK	26, 14, 0, 3
HSL	211.4°, 82.3, 84.5	`hsl(211.4,82.3%,84.5%)`
HSV (or HSB)	211.4°, 26.2, 97.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.451, -2.837, -20.007
XYZ	60.515, 64.936, 98.147
xyY	0.271, 0.29, 64.936
CIE-LCH	84.451, 20.207, 261.929
CIE-LUV	84.451, -17.241, -31.385
Hunter-Lab	80.583, -6.974, -15.805
Binary	10110111, 11010110, 11111000

#b7d6f8
```
#b7d6f8 rgb(183,214,248)
```
#f8d9b7
```
#f8d9b7 rgb(248,217,183)
```

Complementary Color

#b7f7f8
```
#b7f7f8 rgb(183,247,248)
```
#b7d6f8
```
#b7d6f8 rgb(183,214,248)
```
#b9b7f8
```
#b9b7f8 rgb(185,183,248)
```

Analogous Color

#f7f8b7
```
#f7f8b7 rgb(247,248,183)
```
#b7d6f8
```
#b7d6f8 rgb(183,214,248)
```
#f8b9b7
```
#f8b9b7 rgb(248,185,183)
```

Split Complementary Color

#d6f8b7
```
#d6f8b7 rgb(214,248,183)
```
#b7d6f8
```
#b7d6f8 rgb(183,214,248)
```
#f8b7d6
```
#f8b7d6 rgb(248,183,214)
```

Triadic Color

#b7f8d9
```
#b7f8d9 rgb(183,248,217)
```
#b7d6f8
```
#b7d6f8 rgb(183,214,248)
```
#f8b7d6
```
#f8b7d6 rgb(248,183,214)
```
#f8d9b7
```
#f8d9b7 rgb(248,217,183)
```

Tetradic Color

#71aef1
```
#71aef1 rgb(113,174,241)
```
#89bcf3
```
#89bcf3 rgb(137,188,243)
```
#a0c9f6
```
#a0c9f6 rgb(160,201,246)
```
#b7d6f8
```
#b7d6f8 rgb(183,214,248)
```
#cee3fa
```
#cee3fa rgb(206,227,250)
```
#e5f0fd
```
#e5f0fd rgb(229,240,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Monochromatic Color

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

#b7e6f8
```
#b7e6f8 rgb(183,230,248)
```
#b7e1f8
```
#b7e1f8 rgb(183,225,248)
```
#b7dbf8
```
#b7dbf8 rgb(183,219,248)
```
#b7d6f8
```
#b7d6f8 rgb(183,214,248)
```
#b7d1f8
```
#b7d1f8 rgb(183,209,248)
```
#b7cbf8
```
#b7cbf8 rgb(183,203,248)
```
#b7c6f8
```
#b7c6f8 rgb(183,198,248)
```

Similar Colors

Text with hexadecimal color #b7d6f8

This text has a font color of #b7d6f8.

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

#b7d6f8 background color

This paragraph has a background color of #b7d6f8.

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

#b7d6f8 border color

This element has a border color of #b7d6f8.

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

CSS codes

.text {color:#b7d6f8;}

.background {background-color:#b7d6f8;}

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

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

#020911
```
#020911 rgb(2,9,17)
```
#031323
```
#031323 rgb(3,19,35)
```
#051c35
```
#051c35 rgb(5,28,53)
```
#072547
```
#072547 rgb(7,37,71)
```
#092f59
```
#092f59 rgb(9,47,89)
```
#0a386b
```
#0a386b rgb(10,56,107)
```
#0c427d
```
#0c427d rgb(12,66,125)
```
#0e4b8f
```
#0e4b8f rgb(14,75,143)
```
#1055a0
```
#1055a0 rgb(16,85,160)
```
#115eb2
```
#115eb2 rgb(17,94,178)
```
#1368c4
```
#1368c4 rgb(19,104,196)
```
#1571d6
```
#1571d6 rgb(21,113,214)
```
#177ae8
```
#177ae8 rgb(23,122,232)
```

Shade Color Variation

#2885ea
```
#2885ea rgb(40,133,234)
```
#3a8fec
```
#3a8fec rgb(58,143,236)
```
#4c99ee
```
#4c99ee rgb(76,153,238)
```
#5ea3ef
```
#5ea3ef rgb(94,163,239)
```
#6fadf1
```
#6fadf1 rgb(111,173,241)
```
#81b7f3
```
#81b7f3 rgb(129,183,243)
```
#93c2f5
```
#93c2f5 rgb(147,194,245)
```
#a5ccf6
```
#a5ccf6 rgb(165,204,246)
```
#b7d6f8
```
#b7d6f8 rgb(183,214,248)
```
#c9e0fa
```
#c9e0fa rgb(201,224,250)
```
#dbeafb
```
#dbeafb rgb(219,234,251)
```
#edf5fd
```
#edf5fd rgb(237,245,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d5d7da
```
#d5d7da rgb(213,215,218)
```
#d2d7dd
```
#d2d7dd rgb(210,215,221)
```
#cfd7e0
```
#cfd7e0 rgb(207,215,224)
```
#ccd7e3
```
#ccd7e3 rgb(204,215,227)
```
#c9d7e6
```
#c9d7e6 rgb(201,215,230)
```
#c6d7e9
```
#c6d7e9 rgb(198,215,233)
```
#c3d7ec
```
#c3d7ec rgb(195,215,236)
```
#c0d6ef
```
#c0d6ef rgb(192,214,239)
```
#bdd6f2
```
#bdd6f2 rgb(189,214,242)
```
#bad6f5
```
#bad6f5 rgb(186,214,245)
```
#b7d6f8
```
#b7d6f8 rgb(183,214,248)
```
#b4d6fb
```
#b4d6fb rgb(180,214,251)
```
#b1d6fe
```
#b1d6fe rgb(177,214,254)
```

Tone Color Variation

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

Dichromacy

#ced3f5 Protanopia 1% of men
#d5d0fa Deuteranopia 1% of men
#b7daea Tritanopia 0.001% of the population

Trichromacy

#c5d4f6 Protanomaly 1% of men, 0.01% of women
#cad2f9 Deuteranomaly 6% of men, 0.4% of women
#b7d8ef Tritanomaly 0.01% of the population

#b7d6f8 hex color

#b7d6f8 Color Information

#b7d6f8 Color Conversion

Color Schemes with #b7d6f8

Alternatives to #b7d6f8

#b7d6f8 Preview

Shades and Tints of #b7d6f8

Tones of #b7d6f8

Color Blindness Simulator