#b8d8df hex color

In a RGB color space, hex #b8d8df is composed of 72.2% red, 84.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 3.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 190.8 degrees, a saturation of 37.9% and a lightness of 79.8%. #b8d8df color hex could be obtained by blending #ffffff with #71b1bf. Closest websafe color is: #cccccc.

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

● #b8d8df color description : Light grayish cyan.

The hexadecimal color #b8d8df has RGB values of R:184, G:216, B:223 and CMYK values of C:0.17, M:0.03, Y:0, K:0.13. Its decimal value is 12114143.

Hex triplet	b8d8df	`#b8d8df`
RGB Decimal	184, 216, 223	`rgb(184,216,223)`
RGB Percent	72.2, 84.7, 87.5	`rgb(72.2%,84.7%,87.5%)`
CMYK	17, 3, 0, 13
HSL	190.8°, 37.9, 79.8	`hsl(190.8,37.9%,79.8%)`
HSV (or HSB)	190.8°, 17.5, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.292, -9.075, -6.985
XYZ	57.639, 64.629, 79.246
xyY	0.286, 0.321, 64.629
CIE-LCH	84.292, 11.452, 217.582
CIE-LUV	84.292, -17.043, -9.268
Hunter-Lab	80.392, -12.705, -2.17
Binary	10111000, 11011000, 11011111

#b8d8df
```
#b8d8df rgb(184,216,223)
```
#dfbfb8
```
#dfbfb8 rgb(223,191,184)
```

Complementary Color

#b8dfd3
```
#b8dfd3 rgb(184,223,211)
```
#b8d8df
```
#b8d8df rgb(184,216,223)
```
#b8c5df
```
#b8c5df rgb(184,197,223)
```

Analogous Color

#dfd3b8
```
#dfd3b8 rgb(223,211,184)
```
#b8d8df
```
#b8d8df rgb(184,216,223)
```
#dfb8c5
```
#dfb8c5 rgb(223,184,197)
```

Split Complementary Color

#d8dfb8
```
#d8dfb8 rgb(216,223,184)
```
#b8d8df
```
#b8d8df rgb(184,216,223)
```
#dfb8d8
```
#dfb8d8 rgb(223,184,216)
```

Triadic Color

#b8dfbf
```
#b8dfbf rgb(184,223,191)
```
#b8d8df
```
#b8d8df rgb(184,216,223)
```
#dfb8d8
```
#dfb8d8 rgb(223,184,216)
```
#dfbfb8
```
#dfbfb8 rgb(223,191,184)
```

Tetradic Color

#83bbc7
```
#83bbc7 rgb(131,187,199)
```
#95c5cf
```
#95c5cf rgb(149,197,207)
```
#a6ced7
```
#a6ced7 rgb(166,206,215)
```
#b8d8df
```
#b8d8df rgb(184,216,223)
```
#cae2e7
```
#cae2e7 rgb(202,226,231)
```
#dbebef
```
#dbebef rgb(219,235,239)
```
#edf5f7
```
#edf5f7 rgb(237,245,247)
```

Monochromatic Color

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

#b8dfdc
```
#b8dfdc rgb(184,223,220)
```
#b8dfdf
```
#b8dfdf rgb(184,223,223)
```
#b8dbdf
```
#b8dbdf rgb(184,219,223)
```
#b8d8df
```
#b8d8df rgb(184,216,223)
```
#b8d5df
```
#b8d5df rgb(184,213,223)
```
#b8d2df
```
#b8d2df rgb(184,210,223)
```
#b8cedf
```
#b8cedf rgb(184,206,223)
```

Similar Colors

Text with hexadecimal color #b8d8df

This text has a font color of #b8d8df.

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

#b8d8df background color

This paragraph has a background color of #b8d8df.

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

#b8d8df border color

This element has a border color of #b8d8df.

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

CSS codes

.text {color:#b8d8df;}

.background {background-color:#b8d8df;}

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

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, #05090a is the darkest color, while #fcfdfd is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0b1518
```
#0b1518 rgb(11,21,24)
```
#112225
```
#112225 rgb(17,34,37)
```
#172e33
```
#172e33 rgb(23,46,51)
```
#1d3a40
```
#1d3a40 rgb(29,58,64)
```
#23464e
```
#23464e rgb(35,70,78)
```
#29525b
```
#29525b rgb(41,82,91)
```
#2f5e69
```
#2f5e69 rgb(47,94,105)
```
#356b76
```
#356b76 rgb(53,107,118)
```
#3b7784
```
#3b7784 rgb(59,119,132)
```
#428391
```
#428391 rgb(66,131,145)
```
#488f9f
```
#488f9f rgb(72,143,159)
```
#4e9bac
```
#4e9bac rgb(78,155,172)
```

Shade Color Variation

#59a4b4
```
#59a4b4 rgb(89,164,180)
```
#67abba
```
#67abba rgb(103,171,186)
```
#74b3c1
```
#74b3c1 rgb(116,179,193)
```
#82bac7
```
#82bac7 rgb(130,186,199)
```
#8fc2cd
```
#8fc2cd rgb(143,194,205)
```
#9dc9d3
```
#9dc9d3 rgb(157,201,211)
```
#aad1d9
```
#aad1d9 rgb(170,209,217)
```
#b8d8df
```
#b8d8df rgb(184,216,223)
```
#c6dfe5
```
#c6dfe5 rgb(198,223,229)
```
#d3e7eb
```
#d3e7eb rgb(211,231,235)
```
#e1eef1
```
#e1eef1 rgb(225,238,241)
```
#eef6f7
```
#eef6f7 rgb(238,246,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#c8cecf
```
#c8cecf rgb(200,206,207)
```
#c4d0d3
```
#c4d0d3 rgb(196,208,211)
```
#c0d3d7
```
#c0d3d7 rgb(192,211,215)
```
#bcd5db
```
#bcd5db rgb(188,213,219)
```
#b8d8df
```
#b8d8df rgb(184,216,223)
```
#b4dbe3
```
#b4dbe3 rgb(180,219,227)
```
#b0dde7
```
#b0dde7 rgb(176,221,231)
```
#ace0eb
```
#ace0eb rgb(172,224,235)
```
#a8e2ef
```
#a8e2ef rgb(168,226,239)
```
#a4e5f3
```
#a4e5f3 rgb(164,229,243)
```
#a0e7f7
```
#a0e7f7 rgb(160,231,247)
```
#9ceafb
```
#9ceafb rgb(156,234,251)
```
#98ecff
```
#98ecff rgb(152,236,255)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cad1d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d3dd Protanopia 1% of men
#e0cfe4 Deuteranopia 1% of men
#bdd8e8 Tritanopia 0.001% of the population

Trichromacy

#cad5dd Protanomaly 1% of men, 0.01% of women
#d1d2e2 Deuteranomaly 6% of men, 0.4% of women
#bbd8e4 Tritanomaly 0.01% of the population

#b8d8df hex color

#b8d8df Color Information

#b8d8df Color Conversion

Color Schemes with #b8d8df

Alternatives to #b8d8df

#b8d8df Preview

Shades and Tints of #b8d8df

Tones of #b8d8df

Color Blindness Simulator