#b8d4d9 hex color

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

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

● #b8d4d9 color description : Light grayish cyan.

The hexadecimal color #b8d4d9 has RGB values of R:184, G:212, B:217 and CMYK values of C:0.15, M:0.02, Y:0, K:0.15. Its decimal value is 12113113.

Hex triplet	b8d4d9	`#b8d4d9`
RGB Decimal	184, 212, 217	`rgb(184,212,217)`
RGB Percent	72.2, 83.1, 85.1	`rgb(72.2%,83.1%,85.1%)`
CMYK	15, 2, 0, 15
HSL	189.1°, 30.3, 78.6	`hsl(189.1,30.3%,78.6%)`
HSV (or HSB)	189.1°, 15.2, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.065, -8.258, -5.609
XYZ	55.832, 62.286, 74.723
xyY	0.29, 0.323, 62.286
CIE-LCH	83.065, 9.983, 214.188
CIE-LUV	83.065, -15.034, -7.223
Hunter-Lab	78.921, -11.834, -0.891
Binary	10111000, 11010100, 11011001

#b8d4d9
```
#b8d4d9 rgb(184,212,217)
```
#d9bdb8
```
#d9bdb8 rgb(217,189,184)
```

Complementary Color

#b8d9ce
```
#b8d9ce rgb(184,217,206)
```
#b8d4d9
```
#b8d4d9 rgb(184,212,217)
```
#b8c4d9
```
#b8c4d9 rgb(184,196,217)
```

Analogous Color

#d9ceb8
```
#d9ceb8 rgb(217,206,184)
```
#b8d4d9
```
#b8d4d9 rgb(184,212,217)
```
#d9b8c4
```
#d9b8c4 rgb(217,184,196)
```

Split Complementary Color

#d4d9b8
```
#d4d9b8 rgb(212,217,184)
```
#b8d4d9
```
#b8d4d9 rgb(184,212,217)
```
#d9b8d4
```
#d9b8d4 rgb(217,184,212)
```

Triadic Color

#b8d9bd
```
#b8d9bd rgb(184,217,189)
```
#b8d4d9
```
#b8d4d9 rgb(184,212,217)
```
#d9b8d4
```
#d9b8d4 rgb(217,184,212)
```
#d9bdb8
```
#d9bdb8 rgb(217,189,184)
```

Tetradic Color

#86b6be
```
#86b6be rgb(134,182,190)
```
#97c0c7
```
#97c0c7 rgb(151,192,199)
```
#a7cad0
```
#a7cad0 rgb(167,202,208)
```
#b8d4d9
```
#b8d4d9 rgb(184,212,217)
```
#c9dee2
```
#c9dee2 rgb(201,222,226)
```
#d9e8eb
```
#d9e8eb rgb(217,232,235)
```
#eaf2f4
```
#eaf2f4 rgb(234,242,244)
```

Monochromatic Color

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

#b8d9d6
```
#b8d9d6 rgb(184,217,214)
```
#b8d9d9
```
#b8d9d9 rgb(184,217,217)
```
#b8d7d9
```
#b8d7d9 rgb(184,215,217)
```
#b8d4d9
```
#b8d4d9 rgb(184,212,217)
```
#b8d1d9
```
#b8d1d9 rgb(184,209,217)
```
#b8cfd9
```
#b8cfd9 rgb(184,207,217)
```
#b8ccd9
```
#b8ccd9 rgb(184,204,217)
```

Similar Colors

Text with hexadecimal color #b8d4d9

This text has a font color of #b8d4d9.

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

#b8d4d9 background color

This paragraph has a background color of #b8d4d9.

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

#b8d4d9 border color

This element has a border color of #b8d4d9.

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

CSS codes

.text {color:#b8d4d9;}

.background {background-color:#b8d4d9;}

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1112
```
#0a1112 rgb(10,17,18)
```
#111d1f
```
#111d1f rgb(17,29,31)
```
#18292c
```
#18292c rgb(24,41,44)
```
#1e3539
```
#1e3539 rgb(30,53,57)
```
#254146
```
#254146 rgb(37,65,70)
```
#2c4d52
```
#2c4d52 rgb(44,77,82)
```
#33585f
```
#33585f rgb(51,88,95)
```
#3a646c
```
#3a646c rgb(58,100,108)
```
#417079
```
#417079 rgb(65,112,121)
```
#477c85
```
#477c85 rgb(71,124,133)
```
#4e8892
```
#4e8892 rgb(78,136,146)
```
#55949f
```
#55949f rgb(85,148,159)
```

Shade Color Variation

#5f9ea9
```
#5f9ea9 rgb(95,158,169)
```
#6ba6b0
```
#6ba6b0 rgb(107,166,176)
```
#78adb7
```
#78adb7 rgb(120,173,183)
```
#85b5be
```
#85b5be rgb(133,181,190)
```
#92bdc4
```
#92bdc4 rgb(146,189,196)
```
#9ec5cb
```
#9ec5cb rgb(158,197,203)
```
#abccd2
```
#abccd2 rgb(171,204,210)
```
#b8d4d9
```
#b8d4d9 rgb(184,212,217)
```
#c5dce0
```
#c5dce0 rgb(197,220,224)
```
#d2e3e7
```
#d2e3e7 rgb(210,227,231)
```
#deebee
```
#deebee rgb(222,235,238)
```
#ebf3f4
```
#ebf3f4 rgb(235,243,244)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#c5cbcc
```
#c5cbcc rgb(197,203,204)
```
#c0ced1
```
#c0ced1 rgb(192,206,209)
```
#bcd1d5
```
#bcd1d5 rgb(188,209,213)
```
#b8d4d9
```
#b8d4d9 rgb(184,212,217)
```
#b4d7dd
```
#b4d7dd rgb(180,215,221)
```
#b0dae1
```
#b0dae1 rgb(176,218,225)
```
#abdde6
```
#abdde6 rgb(171,221,230)
```
#a7e0ea
```
#a7e0ea rgb(167,224,234)
```
#a3e3ee
```
#a3e3ee rgb(163,227,238)
```
#9fe6f2
```
#9fe6f2 rgb(159,230,242)
```
#9be8f6
```
#9be8f6 rgb(155,232,246)
```
#96ebfb
```
#96ebfb rgb(150,235,251)
```
#92eeff
```
#92eeff rgb(146,238,255)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8cecf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d0d7 Protanopia 1% of men
#decbde Deuteranopia 1% of men
#bdd4e4 Tritanopia 0.001% of the population

Trichromacy

#c9d1d8 Protanomaly 1% of men, 0.01% of women
#d0cedc Deuteranomaly 6% of men, 0.4% of women
#bbd4e0 Tritanomaly 0.01% of the population

#b8d4d9 hex color

#b8d4d9 Color Information

#b8d4d9 Color Conversion

Color Schemes with #b8d4d9

Alternatives to #b8d4d9

#b8d4d9 Preview

Shades and Tints of #b8d4d9

Tones of #b8d4d9

Color Blindness Simulator