#b8d9dd hex color

In a RGB color space, hex #b8d9dd is composed of 72.2% red, 85.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 1.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 186.5 degrees, a saturation of 35.2% and a lightness of 79.4%. #b8d9dd color hex could be obtained by blending #ffffff with #71b3bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 85
- B 87
RGB color chart
- C 17
- M 2
- Y 0
- K 13
CMYK color chart

● #b8d9dd color description : Light grayish cyan.

The hexadecimal color #b8d9dd has RGB values of R:184, G:217, B:221 and CMYK values of C:0.17, M:0.02, Y:0, K:0.13. Its decimal value is 12114397.

Hex triplet	b8d9dd	`#b8d9dd`
RGB Decimal	184, 217, 221	`rgb(184,217,221)`
RGB Percent	72.2, 85.1, 86.7	`rgb(72.2%,85.1%,86.7%)`
CMYK	17, 2, 0, 13
HSL	186.5°, 35.2, 79.4	`hsl(186.5,35.2%,79.4%)`
HSV (or HSB)	186.5°, 16.7, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.502, -10.008, -5.613
XYZ	57.628, 65.035, 77.919
xyY	0.287, 0.324, 65.035
CIE-LCH	84.502, 11.474, 209.288
CIE-LUV	84.502, -17.457, -6.959
Hunter-Lab	80.644, -13.572, -0.835
Binary	10111000, 11011001, 11011101

#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#ddbcb8
```
#ddbcb8 rgb(221,188,184)
```

Complementary Color

#b8ddcf
```
#b8ddcf rgb(184,221,207)
```
#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#b8c7dd
```
#b8c7dd rgb(184,199,221)
```

Analogous Color

#ddcfb8
```
#ddcfb8 rgb(221,207,184)
```
#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#ddb8c7
```
#ddb8c7 rgb(221,184,199)
```

Split Complementary Color

#d9ddb8
```
#d9ddb8 rgb(217,221,184)
```
#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#ddb8d9
```
#ddb8d9 rgb(221,184,217)
```

Triadic Color

#b8ddbc
```
#b8ddbc rgb(184,221,188)
```
#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#ddb8d9
```
#ddb8d9 rgb(221,184,217)
```
#ddbcb8
```
#ddbcb8 rgb(221,188,184)
```

Tetradic Color

#84bdc4
```
#84bdc4 rgb(132,189,196)
```
#96c7cc
```
#96c7cc rgb(150,199,204)
```
#a7d0d5
```
#a7d0d5 rgb(167,208,213)
```
#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#c9e2e5
```
#c9e2e5 rgb(201,226,229)
```
#daebee
```
#daebee rgb(218,235,238)
```
#ecf5f6
```
#ecf5f6 rgb(236,245,246)
```

Monochromatic Color

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

#b8ddd8
```
#b8ddd8 rgb(184,221,216)
```
#b8dddb
```
#b8dddb rgb(184,221,219)
```
#b8dcdd
```
#b8dcdd rgb(184,220,221)
```
#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#b8d6dd
```
#b8d6dd rgb(184,214,221)
```
#b8d3dd
```
#b8d3dd rgb(184,211,221)
```
#b8d0dd
```
#b8d0dd rgb(184,208,221)
```

Similar Colors

Text with hexadecimal color #b8d9dd

This text has a font color of #b8d9dd.

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

#b8d9dd background color

This paragraph has a background color of #b8d9dd.

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

#b8d9dd border color

This element has a border color of #b8d9dd.

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

CSS codes

.text {color:#b8d9dd;}

.background {background-color:#b8d9dd;}

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

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

#040809
```
#040809 rgb(4,8,9)
```
#0a1516
```
#0a1516 rgb(10,21,22)
```
#112123
```
#112123 rgb(17,33,35)
```
#172e30
```
#172e30 rgb(23,46,48)
```
#1e3a3e
```
#1e3a3e rgb(30,58,62)
```
#24474b
```
#24474b rgb(36,71,75)
```
#2a5358
```
#2a5358 rgb(42,83,88)
```
#316065
```
#316065 rgb(49,96,101)
```
#376c73
```
#376c73 rgb(55,108,115)
```
#3d7980
```
#3d7980 rgb(61,121,128)
```
#44858d
```
#44858d rgb(68,133,141)
```
#4a929a
```
#4a929a rgb(74,146,154)
```
#509ea8
```
#509ea8 rgb(80,158,168)
```

Shade Color Variation

#5ba7b1
```
#5ba7b1 rgb(91,167,177)
```
#68aeb7
```
#68aeb7 rgb(104,174,183)
```
#76b6bd
```
#76b6bd rgb(118,182,189)
```
#83bdc4
```
#83bdc4 rgb(131,189,196)
```
#90c4ca
```
#90c4ca rgb(144,196,202)
```
#9dcbd0
```
#9dcbd0 rgb(157,203,208)
```
#abd2d7
```
#abd2d7 rgb(171,210,215)
```
#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#c5e0e3
```
#c5e0e3 rgb(197,224,227)
```
#d3e7ea
```
#d3e7ea rgb(211,231,234)
```
#e0eef0
```
#e0eef0 rgb(224,238,240)
```
#edf5f6
```
#edf5f6 rgb(237,245,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#c8cccd
```
#c8cccd rgb(200,204,205)
```
#c4d0d1
```
#c4d0d1 rgb(196,208,209)
```
#c0d3d5
```
#c0d3d5 rgb(192,211,213)
```
#bcd6d9
```
#bcd6d9 rgb(188,214,217)
```
#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#b4dce1
```
#b4dce1 rgb(180,220,225)
```
#b0dfe5
```
#b0dfe5 rgb(176,223,229)
```
#ace2e9
```
#ace2e9 rgb(172,226,233)
```
#a8e6ed
```
#a8e6ed rgb(168,230,237)
```
#a4e9f1
```
#a4e9f1 rgb(164,233,241)
```
#a0ecf5
```
#a0ecf5 rgb(160,236,245)
```
#9ceff9
```
#9ceff9 rgb(156,239,249)
```
#98f2fd
```
#98f2fd rgb(152,242,253)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cbd2d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d4da Protanopia 1% of men
#e2cfe2 Deuteranopia 1% of men
#bed9e8 Tritanopia 0.001% of the population

Trichromacy

#cbd5db Protanomaly 1% of men, 0.01% of women
#d3d2e0 Deuteranomaly 6% of men, 0.4% of women
#bbd9e4 Tritanomaly 0.01% of the population

#b8d9dd hex color

#b8d9dd Color Information

#b8d9dd Color Conversion

Color Schemes with #b8d9dd

Alternatives to #b8d9dd

#b8d9dd Preview

Shades and Tints of #b8d9dd

Tones of #b8d9dd

Color Blindness Simulator