#b8d8fd hex color

In a RGB color space, hex #b8d8fd is composed of 72.2% red, 84.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 14.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 212.2 degrees, a saturation of 94.5% and a lightness of 85.7%. #b8d8fd color hex could be obtained by blending #ffffff with #71b1fb. Closest websafe color is: #ccccff.

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

● #b8d8fd color description : Very soft blue.

The hexadecimal color #b8d8fd has RGB values of R:184, G:216, B:253 and CMYK values of C:0.27, M:0.15, Y:0, K:0.01. Its decimal value is 12114173.

Hex triplet	b8d8fd	`#b8d8fd`
RGB Decimal	184, 216, 253	`rgb(184,216,253)`
RGB Percent	72.2, 84.7, 99.2	`rgb(72.2%,84.7%,99.2%)`
CMYK	27, 15, 0, 1
HSL	212.2°, 94.5, 85.7	`hsl(212.2,94.5%,85.7%)`
HSV (or HSB)	212.2°, 27.3, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.196, -2.445, -21.517
XYZ	62.049, 66.392, 102.469
xyY	0.269, 0.288, 66.392
CIE-LCH	85.196, 21.655, 263.518
CIE-LUV	85.196, -17.784, -33.995
Hunter-Lab	81.481, -6.663, -17.524
Binary	10111000, 11011000, 11111101

#b8d8fd
```
#b8d8fd rgb(184,216,253)
```
#fdddb8
```
#fdddb8 rgb(253,221,184)
```

Complementary Color

#b8fbfd
```
#b8fbfd rgb(184,251,253)
```
#b8d8fd
```
#b8d8fd rgb(184,216,253)
```
#bbb8fd
```
#bbb8fd rgb(187,184,253)
```

Analogous Color

#fbfdb8
```
#fbfdb8 rgb(251,253,184)
```
#b8d8fd
```
#b8d8fd rgb(184,216,253)
```
#fdbbb8
```
#fdbbb8 rgb(253,187,184)
```

Split Complementary Color

#d8fdb8
```
#d8fdb8 rgb(216,253,184)
```
#b8d8fd
```
#b8d8fd rgb(184,216,253)
```
#fdb8d8
```
#fdb8d8 rgb(253,184,216)
```

Triadic Color

#b8fddd
```
#b8fddd rgb(184,253,221)
```
#b8d8fd
```
#b8d8fd rgb(184,216,253)
```
#fdb8d8
```
#fdb8d8 rgb(253,184,216)
```
#fdddb8
```
#fdddb8 rgb(253,221,184)
```

Tetradic Color

#6eaffb
```
#6eaffb rgb(110,175,251)
```
#86bdfc
```
#86bdfc rgb(134,189,252)
```
#9fcafc
```
#9fcafc rgb(159,202,252)
```
#b8d8fd
```
#b8d8fd rgb(184,216,253)
```
#d1e6fe
```
#d1e6fe rgb(209,230,254)
```
#eaf3fe
```
#eaf3fe rgb(234,243,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b8e9fd
```
#b8e9fd rgb(184,233,253)
```
#b8e4fd
```
#b8e4fd rgb(184,228,253)
```
#b8defd
```
#b8defd rgb(184,222,253)
```
#b8d8fd
```
#b8d8fd rgb(184,216,253)
```
#b8d2fd
```
#b8d2fd rgb(184,210,253)
```
#b8cdfd
```
#b8cdfd rgb(184,205,253)
```
#b8c7fd
```
#b8c7fd rgb(184,199,253)
```

Similar Colors

Text with hexadecimal color #b8d8fd

This text has a font color of #b8d8fd.

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

#b8d8fd background color

This paragraph has a background color of #b8d8fd.

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

#b8d8fd border color

This element has a border color of #b8d8fd.

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

CSS codes

.text {color:#b8d8fd;}

.background {background-color:#b8d8fd;}

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010c18
```
#010c18 rgb(1,12,24)
```
#01152b
```
#01152b rgb(1,21,43)
```
#021e3f
```
#021e3f rgb(2,30,63)
```
#022752
```
#022752 rgb(2,39,82)
```
#033065
```
#033065 rgb(3,48,101)
```
#033978
```
#033978 rgb(3,57,120)
```
#04428b
```
#04428b rgb(4,66,139)
```
#044c9e
```
#044c9e rgb(4,76,158)
```
#0555b1
```
#0555b1 rgb(5,85,177)
```
#065ec4
```
#065ec4 rgb(6,94,196)
```
#0667d7
```
#0667d7 rgb(6,103,215)
```
#0770ea
```
#0770ea rgb(7,112,234)
```

Shade Color Variation

#0c7af8
```
#0c7af8 rgb(12,122,248)
```
#1f84f9
```
#1f84f9 rgb(31,132,249)
```
#328ff9
```
#328ff9 rgb(50,143,249)
```
#4699fa
```
#4699fa rgb(70,153,250)
```
#59a4fa
```
#59a4fa rgb(89,164,250)
```
#6caefb
```
#6caefb rgb(108,174,251)
```
#7fb9fb
```
#7fb9fb rgb(127,185,251)
```
#92c3fc
```
#92c3fc rgb(146,195,252)
```
#a5cefc
```
#a5cefc rgb(165,206,252)
```
#b8d8fd
```
#b8d8fd rgb(184,216,253)
```
#cbe2fe
```
#cbe2fe rgb(203,226,254)
```
#deedfe
```
#deedfe rgb(222,237,254)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#dadadb
```
#dadadb rgb(218,218,219)
```
#d7dade
```
#d7dade rgb(215,218,222)
```
#d4dae1
```
#d4dae1 rgb(212,218,225)
```
#d1dae4
```
#d1dae4 rgb(209,218,228)
```
#cedae7
```
#cedae7 rgb(206,218,231)
```
#ccd9e9
```
#ccd9e9 rgb(204,217,233)
```
#c9d9ec
```
#c9d9ec rgb(201,217,236)
```
#c6d9ef
```
#c6d9ef rgb(198,217,239)
```
#c3d9f2
```
#c3d9f2 rgb(195,217,242)
```
#c0d9f5
```
#c0d9f5 rgb(192,217,245)
```
#bed8f7
```
#bed8f7 rgb(190,216,247)
```
#bbd8fa
```
#bbd8fa rgb(187,216,250)
```
#b8d8fd
```
#b8d8fd rgb(184,216,253)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ced4db Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd5fa Protanopia 1% of men
#d5d2ff Deuteranopia 1% of men
#b7dcec 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
#b7dbf2 Tritanomaly 0.01% of the population

#b8d8fd hex color

#b8d8fd Color Information

#b8d8fd Color Conversion

Color Schemes with #b8d8fd

Alternatives to #b8d8fd

#b8d8fd Preview

Shades and Tints of #b8d8fd

Tones of #b8d8fd

Color Blindness Simulator