#b2d1d8 hex color

In a RGB color space, hex #b2d1d8 is composed of 69.8% red, 82% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 3.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 191.1 degrees, a saturation of 32.8% and a lightness of 77.3%. #b2d1d8 color hex could be obtained by blending #ffffff with #65a3b1. Closest websafe color is: #99cccc.

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

● #b2d1d8 color description : Grayish cyan.

The hexadecimal color #b2d1d8 has RGB values of R:178, G:209, B:216 and CMYK values of C:0.18, M:0.03, Y:0, K:0.15. Its decimal value is 11719128.

Hex triplet	b2d1d8	`#b2d1d8`
RGB Decimal	178, 209, 216	`rgb(178,209,216)`
RGB Percent	69.8, 82, 84.7	`rgb(69.8%,82%,84.7%)`
CMYK	18, 3, 0, 15
HSL	191.1°, 32.8, 77.3	`hsl(191.1,32.8%,77.3%)`
HSV (or HSB)	191.1°, 17.6, 84.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.85, -8.801, -6.916
XYZ	53.552, 60.023, 73.726
xyY	0.286, 0.32, 60.023
CIE-LCH	81.85, 11.193, 218.163
CIE-LUV	81.85, -16.54, -9.168
Hunter-Lab	77.474, -12.195, -2.19
Binary	10110010, 11010001, 11011000

#b2d1d8
```
#b2d1d8 rgb(178,209,216)
```
#d8b9b2
```
#d8b9b2 rgb(216,185,178)
```

Complementary Color

#b2d8cc
```
#b2d8cc rgb(178,216,204)
```
#b2d1d8
```
#b2d1d8 rgb(178,209,216)
```
#b2bed8
```
#b2bed8 rgb(178,190,216)
```

Analogous Color

#d8ccb2
```
#d8ccb2 rgb(216,204,178)
```
#b2d1d8
```
#b2d1d8 rgb(178,209,216)
```
#d8b2be
```
#d8b2be rgb(216,178,190)
```

Split Complementary Color

#d1d8b2
```
#d1d8b2 rgb(209,216,178)
```
#b2d1d8
```
#b2d1d8 rgb(178,209,216)
```
#d8b2d1
```
#d8b2d1 rgb(216,178,209)
```

Triadic Color

#b2d8b9
```
#b2d8b9 rgb(178,216,185)
```
#b2d1d8
```
#b2d1d8 rgb(178,209,216)
```
#d8b2d1
```
#d8b2d1 rgb(216,178,209)
```
#d8b9b2
```
#d8b9b2 rgb(216,185,178)
```

Tetradic Color

#7fb3be
```
#7fb3be rgb(127,179,190)
```
#90bdc7
```
#90bdc7 rgb(144,189,199)
```
#a1c7cf
```
#a1c7cf rgb(161,199,207)
```
#b2d1d8
```
#b2d1d8 rgb(178,209,216)
```
#c3dbe1
```
#c3dbe1 rgb(195,219,225)
```
#d4e5e9
```
#d4e5e9 rgb(212,229,233)
```
#e5eff2
```
#e5eff2 rgb(229,239,242)
```

Monochromatic Color

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

#b2d8d6
```
#b2d8d6 rgb(178,216,214)
```
#b2d7d8
```
#b2d7d8 rgb(178,215,216)
```
#b2d4d8
```
#b2d4d8 rgb(178,212,216)
```
#b2d1d8
```
#b2d1d8 rgb(178,209,216)
```
#b2ced8
```
#b2ced8 rgb(178,206,216)
```
#b2cbd8
```
#b2cbd8 rgb(178,203,216)
```
#b2c8d8
```
#b2c8d8 rgb(178,200,216)
```

Similar Colors

Text with hexadecimal color #b2d1d8

This text has a font color of #b2d1d8.

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

#b2d1d8 background color

This paragraph has a background color of #b2d1d8.

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

#b2d1d8 border color

This element has a border color of #b2d1d8.

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

CSS codes

.text {color:#b2d1d8;}

.background {background-color:#b2d1d8;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070d0e
```
#070d0e rgb(7,13,14)
```
#0e191b
```
#0e191b rgb(14,25,27)
```
#142528
```
#142528 rgb(20,37,40)
```
#1b3035
```
#1b3035 rgb(27,48,53)
```
#223c42
```
#223c42 rgb(34,60,66)
```
#28484f
```
#28484f rgb(40,72,79)
```
#2f545c
```
#2f545c rgb(47,84,92)
```
#356069
```
#356069 rgb(53,96,105)
```
#3c6c76
```
#3c6c76 rgb(60,108,118)
```
#437783
```
#437783 rgb(67,119,131)
```
#498390
```
#498390 rgb(73,131,144)
```
#508f9d
```
#508f9d rgb(80,143,157)
```

Shade Color Variation

#579baa
```
#579baa rgb(87,155,170)
```
#64a2b0
```
#64a2b0 rgb(100,162,176)
```
#71aab7
```
#71aab7 rgb(113,170,183)
```
#7eb2be
```
#7eb2be rgb(126,178,190)
```
#8bbac4
```
#8bbac4 rgb(139,186,196)
```
#98c1cb
```
#98c1cb rgb(152,193,203)
```
#a5c9d1
```
#a5c9d1 rgb(165,201,209)
```
#b2d1d8
```
#b2d1d8 rgb(178,209,216)
```
#bfd9df
```
#bfd9df rgb(191,217,223)
```
#cce1e5
```
#cce1e5 rgb(204,225,229)
```
#d9e8ec
```
#d9e8ec rgb(217,232,236)
```
#e6f0f2
```
#e6f0f2 rgb(230,240,242)
```
#f3f8f9
```
#f3f8f9 rgb(243,248,249)
```

Tint Color Variation

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

#c4c6c6
```
#c4c6c6 rgb(196,198,198)
```
#bfc9cb
```
#bfc9cb rgb(191,201,203)
```
#bbcbcf
```
#bbcbcf rgb(187,203,207)
```
#b6ced4
```
#b6ced4 rgb(182,206,212)
```
#b2d1d8
```
#b2d1d8 rgb(178,209,216)
```
#aed4dc
```
#aed4dc rgb(174,212,220)
```
#a9d7e1
```
#a9d7e1 rgb(169,215,225)
```
#a5d9e5
```
#a5d9e5 rgb(165,217,229)
```
#a0dcea
```
#a0dcea rgb(160,220,234)
```
#9cdfee
```
#9cdfee rgb(156,223,238)
```
#97e2f3
```
#97e2f3 rgb(151,226,243)
```
#93e5f7
```
#93e5f7 rgb(147,229,247)
```
#8ee8fc
```
#8ee8fc rgb(142,232,252)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c4cbcc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcdd6 Protanopia 1% of men
#d9c8dd Deuteranopia 1% of men
#b7d2e1 Tritanopia 0.001% of the population

Trichromacy

#c4ced7 Protanomaly 1% of men, 0.01% of women
#cbcbdb Deuteranomaly 6% of men, 0.4% of women
#b5d1dd Tritanomaly 0.01% of the population

#b2d1d8 hex color

#b2d1d8 Color Information

#b2d1d8 Color Conversion

Color Schemes with #b2d1d8

Alternatives to #b2d1d8

#b2d1d8 Preview

Shades and Tints of #b2d1d8

Tones of #b2d1d8

Color Blindness Simulator