#b8d9d1 hex color

In a RGB color space, hex #b8d9d1 is composed of 72.2% red, 85.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 3.7% yellow and 14.9% black. It has a hue angle of 165.5 degrees, a saturation of 30.3% and a lightness of 78.6%. #b8d9d1 color hex could be obtained by blending #ffffff with #71b3a3. Closest websafe color is: #cccccc.

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

● #b8d9d1 color description : Light grayish cyan.

The hexadecimal color #b8d9d1 has RGB values of R:184, G:217, B:209 and CMYK values of C:0.15, M:0, Y:0.04, K:0.15. Its decimal value is 12114385.

Hex triplet	b8d9d1	`#b8d9d1`
RGB Decimal	184, 217, 209	`rgb(184,217,209)`
RGB Percent	72.2, 85.1, 82	`rgb(72.2%,85.1%,82%)`
CMYK	15, 0, 4, 15
HSL	165.5°, 30.3, 78.6	`hsl(165.5,30.3%,78.6%)`
HSV (or HSB)	165.5°, 15.2, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.183, -12.443, 0.282
XYZ	56.086, 64.418, 69.797
xyY	0.295, 0.339, 64.418
CIE-LCH	84.183, 12.446, 178.7
CIE-LUV	84.183, -17.188, 2.568
Hunter-Lab	80.261, -15.722, 4.623
Binary	10111000, 11011001, 11010001

#b8d9d1
```
#b8d9d1 rgb(184,217,209)
```
#d9b8c0
```
#d9b8c0 rgb(217,184,192)
```

Complementary Color

#b8d9c1
```
#b8d9c1 rgb(184,217,193)
```
#b8d9d1
```
#b8d9d1 rgb(184,217,209)
```
#b8d1d9
```
#b8d1d9 rgb(184,209,217)
```

Analogous Color

#d9c1b8
```
#d9c1b8 rgb(217,193,184)
```
#b8d9d1
```
#b8d9d1 rgb(184,217,209)
```
#d9b8d1
```
#d9b8d1 rgb(217,184,209)
```

Split Complementary Color

#d9d1b8
```
#d9d1b8 rgb(217,209,184)
```
#b8d9d1
```
#b8d9d1 rgb(184,217,209)
```
#d1b8d9
```
#d1b8d9 rgb(209,184,217)
```

Triadic Color

#c0d9b8
```
#c0d9b8 rgb(192,217,184)
```
#b8d9d1
```
#b8d9d1 rgb(184,217,209)
```
#d1b8d9
```
#d1b8d9 rgb(209,184,217)
```
#d9b8c0
```
#d9b8c0 rgb(217,184,192)
```

Tetradic Color

#86beb1
```
#86beb1 rgb(134,190,177)
```
#97c7bb
```
#97c7bb rgb(151,199,187)
```
#a7d0c6
```
#a7d0c6 rgb(167,208,198)
```
#b8d9d1
```
#b8d9d1 rgb(184,217,209)
```
#c9e2dc
```
#c9e2dc rgb(201,226,220)
```
#d9ebe7
```
#d9ebe7 rgb(217,235,231)
```
#eaf4f1
```
#eaf4f1 rgb(234,244,241)
```

Monochromatic Color

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

#b8d9c9
```
#b8d9c9 rgb(184,217,201)
```
#b8d9cc
```
#b8d9cc rgb(184,217,204)
```
#b8d9ce
```
#b8d9ce rgb(184,217,206)
```
#b8d9d1
```
#b8d9d1 rgb(184,217,209)
```
#b8d9d4
```
#b8d9d4 rgb(184,217,212)
```
#b8d9d7
```
#b8d9d7 rgb(184,217,215)
```
#b8d9d9
```
#b8d9d9 rgb(184,217,217)
```

Similar Colors

Text with hexadecimal color #b8d9d1

This text has a font color of #b8d9d1.

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

#b8d9d1 background color

This paragraph has a background color of #b8d9d1.

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

#b8d9d1 border color

This element has a border color of #b8d9d1.

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

CSS codes

.text {color:#b8d9d1;}

.background {background-color:#b8d9d1;}

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

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1210
```
#0a1210 rgb(10,18,16)
```
#111f1c
```
#111f1c rgb(17,31,28)
```
#182c27
```
#182c27 rgb(24,44,39)
```
#1e3932
```
#1e3932 rgb(30,57,50)
```
#25463e
```
#25463e rgb(37,70,62)
```
#2c5249
```
#2c5249 rgb(44,82,73)
```
#335f54
```
#335f54 rgb(51,95,84)
```
#3a6c60
```
#3a6c60 rgb(58,108,96)
```
#41796b
```
#41796b rgb(65,121,107)
```
#478576
```
#478576 rgb(71,133,118)
```
#4e9282
```
#4e9282 rgb(78,146,130)
```
#559f8d
```
#559f8d rgb(85,159,141)
```

Shade Color Variation

#5fa997
```
#5fa997 rgb(95,169,151)
```
#6bb09f
```
#6bb09f rgb(107,176,159)
```
#78b7a8
```
#78b7a8 rgb(120,183,168)
```
#85beb0
```
#85beb0 rgb(133,190,176)
```
#92c4b8
```
#92c4b8 rgb(146,196,184)
```
#9ecbc0
```
#9ecbc0 rgb(158,203,192)
```
#abd2c9
```
#abd2c9 rgb(171,210,201)
```
#b8d9d1
```
#b8d9d1 rgb(184,217,209)
```
#c5e0d9
```
#c5e0d9 rgb(197,224,217)
```
#d2e7e2
```
#d2e7e2 rgb(210,231,226)
```
#deeeea
```
#deeeea rgb(222,238,234)
```
#ebf4f2
```
#ebf4f2 rgb(235,244,242)
```
#f8fbfa
```
#f8fbfa rgb(248,251,250)
```

Tint Color Variation

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

#c5cccb
```
#c5cccb rgb(197,204,203)
```
#c0d1cd
```
#c0d1cd rgb(192,209,205)
```
#bcd5cf
```
#bcd5cf rgb(188,213,207)
```
#b8d9d1
```
#b8d9d1 rgb(184,217,209)
```
#b4ddd3
```
#b4ddd3 rgb(180,221,211)
```
#b0e1d5
```
#b0e1d5 rgb(176,225,213)
```
#abe6d7
```
#abe6d7 rgb(171,230,215)
```
#a7eada
```
#a7eada rgb(167,234,218)
```
#a3eedc
```
#a3eedc rgb(163,238,220)
```
#9ff2de
```
#9ff2de rgb(159,242,222)
```
#9bf6e0
```
#9bf6e0 rgb(155,246,224)
```
#96fbe2
```
#96fbe2 rgb(150,251,226)
```
#92ffe4
```
#92ffe4 rgb(146,255,228)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cad0cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d3cf Protanopia 1% of men
#e6ced7 Deuteranopia 1% of men
#c0d7e7 Tritanopia 0.001% of the population

Trichromacy

#ccd5d0 Protanomaly 1% of men, 0.01% of women
#d5d2d5 Deuteranomaly 6% of men, 0.4% of women
#bdd8df Tritanomaly 0.01% of the population

#b8d9d1 hex color

#b8d9d1 Color Information

#b8d9d1 Color Conversion

Color Schemes with #b8d9d1

Alternatives to #b8d9d1

#b8d9d1 Preview

Shades and Tints of #b8d9d1

Tones of #b8d9d1

Color Blindness Simulator