#b2d6dd hex color

In a RGB color space, hex #b2d6dd is composed of 69.8% red, 83.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 3.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 189.8 degrees, a saturation of 38.7% and a lightness of 78.2%. #b2d6dd color hex could be obtained by blending #ffffff with #65adbb. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 84
- B 87
RGB color chart
- C 19
- M 3
- Y 0
- K 13
CMYK color chart

● #b2d6dd color description : Light grayish cyan.

The hexadecimal color #b2d6dd has RGB values of R:178, G:214, B:221 and CMYK values of C:0.19, M:0.03, Y:0, K:0.13. Its decimal value is 11720413.

Hex triplet	b2d6dd	`#b2d6dd`
RGB Decimal	178, 214, 221	`rgb(178,214,221)`
RGB Percent	69.8, 83.9, 86.7	`rgb(69.8%,83.9%,86.7%)`
CMYK	19, 3, 0, 13
HSL	189.8°, 38.7, 78.2	`hsl(189.8,38.7%,78.2%)`
HSV (or HSB)	189.8°, 19.5, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	83.325, -10.323, -7.396
XYZ	55.455, 62.777, 77.598
xyY	0.283, 0.321, 62.777
CIE-LCH	83.325, 12.699, 215.62
CIE-LUV	83.325, -18.94, -9.702
Hunter-Lab	79.232, -13.723, -2.605
Binary	10110010, 11010110, 11011101

#b2d6dd
```
#b2d6dd rgb(178,214,221)
```
#ddb9b2
```
#ddb9b2 rgb(221,185,178)
```

Complementary Color

#b2ddcf
```
#b2ddcf rgb(178,221,207)
```
#b2d6dd
```
#b2d6dd rgb(178,214,221)
```
#b2c1dd
```
#b2c1dd rgb(178,193,221)
```

Analogous Color

#ddcfb2
```
#ddcfb2 rgb(221,207,178)
```
#b2d6dd
```
#b2d6dd rgb(178,214,221)
```
#ddb2c1
```
#ddb2c1 rgb(221,178,193)
```

Split Complementary Color

#d6ddb2
```
#d6ddb2 rgb(214,221,178)
```
#b2d6dd
```
#b2d6dd rgb(178,214,221)
```
#ddb2d6
```
#ddb2d6 rgb(221,178,214)
```

Triadic Color

#b2ddb9
```
#b2ddb9 rgb(178,221,185)
```
#b2d6dd
```
#b2d6dd rgb(178,214,221)
```
#ddb2d6
```
#ddb2d6 rgb(221,178,214)
```
#ddb9b2
```
#ddb9b2 rgb(221,185,178)
```

Tetradic Color

#7dbac6
```
#7dbac6 rgb(125,186,198)
```
#8fc3cd
```
#8fc3cd rgb(143,195,205)
```
#a0cdd5
```
#a0cdd5 rgb(160,205,213)
```
#b2d6dd
```
#b2d6dd rgb(178,214,221)
```
#c4dfe5
```
#c4dfe5 rgb(196,223,229)
```
#d5e9ed
```
#d5e9ed rgb(213,233,237)
```
#e7f2f4
```
#e7f2f4 rgb(231,242,244)
```

Monochromatic Color

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

#b2ddd9
```
#b2ddd9 rgb(178,221,217)
```
#b2dddd
```
#b2dddd rgb(178,221,221)
```
#b2dadd
```
#b2dadd rgb(178,218,221)
```
#b2d6dd
```
#b2d6dd rgb(178,214,221)
```
#b2d2dd
```
#b2d2dd rgb(178,210,221)
```
#b2cfdd
```
#b2cfdd rgb(178,207,221)
```
#b2cbdd
```
#b2cbdd rgb(178,203,221)
```

Similar Colors

Text with hexadecimal color #b2d6dd

This text has a font color of #b2d6dd.

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

#b2d6dd background color

This paragraph has a background color of #b2d6dd.

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

#b2d6dd border color

This element has a border color of #b2d6dd.

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

CSS codes

.text {color:#b2d6dd;}

.background {background-color:#b2d6dd;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081112
```
#081112 rgb(8,17,18)
```
#0e1d20
```
#0e1d20 rgb(14,29,32)
```
#14292d
```
#14292d rgb(20,41,45)
```
#1a363b
```
#1a363b rgb(26,54,59)
```
#204249
```
#204249 rgb(32,66,73)
```
#264e56
```
#264e56 rgb(38,78,86)
```
#2c5b64
```
#2c5b64 rgb(44,91,100)
```
#326771
```
#326771 rgb(50,103,113)
```
#38747f
```
#38747f rgb(56,116,127)
```
#3e808d
```
#3e808d rgb(62,128,141)
```
#448c9a
```
#448c9a rgb(68,140,154)
```
#4a99a8
```
#4a99a8 rgb(74,153,168)
```

Shade Color Variation

#53a3b3
```
#53a3b3 rgb(83,163,179)
```
#60abb9
```
#60abb9 rgb(96,171,185)
```
#6eb2bf
```
#6eb2bf rgb(110,178,191)
```
#7cb9c5
```
#7cb9c5 rgb(124,185,197)
```
#89c0cb
```
#89c0cb rgb(137,192,203)
```
#97c8d1
```
#97c8d1 rgb(151,200,209)
```
#a4cfd7
```
#a4cfd7 rgb(164,207,215)
```
#b2d6dd
```
#b2d6dd rgb(178,214,221)
```
#c0dde3
```
#c0dde3 rgb(192,221,227)
```
#cde4e9
```
#cde4e9 rgb(205,228,233)
```
#dbecef
```
#dbecef rgb(219,236,239)
```
#e8f3f5
```
#e8f3f5 rgb(232,243,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#c7c8c8
```
#c7c8c8 rgb(199,200,200)
```
#c3cacc
```
#c3cacc rgb(195,202,204)
```
#bfcdd0
```
#bfcdd0 rgb(191,205,208)
```
#bbd0d4
```
#bbd0d4 rgb(187,208,212)
```
#b6d3d9
```
#b6d3d9 rgb(182,211,217)
```
#b2d6dd
```
#b2d6dd rgb(178,214,221)
```
#aed9e1
```
#aed9e1 rgb(174,217,225)
```
#a9dce6
```
#a9dce6 rgb(169,220,230)
```
#a5dfea
```
#a5dfea rgb(165,223,234)
```
#a1e2ee
```
#a1e2ee rgb(161,226,238)
```
#9de4f2
```
#9de4f2 rgb(157,228,242)
```
#98e7f7
```
#98e7f7 rgb(152,231,247)
```
#94eafb
```
#94eafb rgb(148,234,251)
```

Tone Color Variation

Below, you can see how #b2d6dd 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
#c7cecf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d0da Protanopia 1% of men
#ddcce2 Deuteranopia 1% of men
#b7d6e6 Tritanopia 0.001% of the population

Trichromacy

#c6d2db Protanomaly 1% of men, 0.01% of women
#cdd0e0 Deuteranomaly 6% of men, 0.4% of women
#b5d6e2 Tritanomaly 0.01% of the population

#b2d6dd hex color

#b2d6dd Color Information

#b2d6dd Color Conversion

Color Schemes with #b2d6dd

Alternatives to #b2d6dd

#b2d6dd Preview

Shades and Tints of #b2d6dd

Tones of #b2d6dd

Color Blindness Simulator