#b2ddd8 hex color

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

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

● #b2ddd8 color description : Light grayish cyan.

The hexadecimal color #b2ddd8 has RGB values of R:178, G:221, B:216 and CMYK values of C:0.19, M:0, Y:0.02, K:0.13. Its decimal value is 11722200.

Hex triplet	b2ddd8	`#b2ddd8`
RGB Decimal	178, 221, 216	`rgb(178,221,216)`
RGB Percent	69.8, 86.7, 84.7	`rgb(69.8%,86.7%,84.7%)`
CMYK	19, 0, 2, 13
HSL	173°, 38.7, 78.2	`hsl(173,38.7%,78.2%)`
HSV (or HSB)	173°, 19.5, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	85.065, -14.946, -2.179
XYZ	56.608, 66.134, 74.745
xyY	0.287, 0.335, 66.134
CIE-LCH	85.065, 15.104, 188.296
CIE-LUV	85.065, -22.057, -0.796
Hunter-Lab	81.323, -18.063, 2.432
Binary	10110010, 11011101, 11011000

#b2ddd8
```
#b2ddd8 rgb(178,221,216)
```
#ddb2b7
```
#ddb2b7 rgb(221,178,183)
```

Complementary Color

#b2ddc3
```
#b2ddc3 rgb(178,221,195)
```
#b2ddd8
```
#b2ddd8 rgb(178,221,216)
```
#b2cddd
```
#b2cddd rgb(178,205,221)
```

Analogous Color

#ddc3b2
```
#ddc3b2 rgb(221,195,178)
```
#b2ddd8
```
#b2ddd8 rgb(178,221,216)
```
#ddb2cd
```
#ddb2cd rgb(221,178,205)
```

Split Complementary Color

#ddd8b2
```
#ddd8b2 rgb(221,216,178)
```
#b2ddd8
```
#b2ddd8 rgb(178,221,216)
```
#d8b2dd
```
#d8b2dd rgb(216,178,221)
```

Triadic Color

#b7ddb2
```
#b7ddb2 rgb(183,221,178)
```
#b2ddd8
```
#b2ddd8 rgb(178,221,216)
```
#d8b2dd
```
#d8b2dd rgb(216,178,221)
```
#ddb2b7
```
#ddb2b7 rgb(221,178,183)
```

Tetradic Color

#7dc6bd
```
#7dc6bd rgb(125,198,189)
```
#8fcdc6
```
#8fcdc6 rgb(143,205,198)
```
#a0d5cf
```
#a0d5cf rgb(160,213,207)
```
#b2ddd8
```
#b2ddd8 rgb(178,221,216)
```
#c4e5e1
```
#c4e5e1 rgb(196,229,225)
```
#d5edea
```
#d5edea rgb(213,237,234)
```
#e7f4f3
```
#e7f4f3 rgb(231,244,243)
```

Monochromatic Color

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

#b2ddcd
```
#b2ddcd rgb(178,221,205)
```
#b2ddd1
```
#b2ddd1 rgb(178,221,209)
```
#b2ddd4
```
#b2ddd4 rgb(178,221,212)
```
#b2ddd8
```
#b2ddd8 rgb(178,221,216)
```
#b2dddc
```
#b2dddc rgb(178,221,220)
```
#b2dbdd
```
#b2dbdd rgb(178,219,221)
```
#b2d7dd
```
#b2d7dd rgb(178,215,221)
```

Similar Colors

Text with hexadecimal color #b2ddd8

This text has a font color of #b2ddd8.

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

#b2ddd8 background color

This paragraph has a background color of #b2ddd8.

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

#b2ddd8 border color

This element has a border color of #b2ddd8.

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

CSS codes

.text {color:#b2ddd8;}

.background {background-color:#b2ddd8;}

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

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

#020504
```
#020504 rgb(2,5,4)
```
#081211
```
#081211 rgb(8,18,17)
```
#0e201e
```
#0e201e rgb(14,32,30)
```
#142d2b
```
#142d2b rgb(20,45,43)
```
#1a3b37
```
#1a3b37 rgb(26,59,55)
```
#204944
```
#204944 rgb(32,73,68)
```
#265651
```
#265651 rgb(38,86,81)
```
#2c645d
```
#2c645d rgb(44,100,93)
```
#32716a
```
#32716a rgb(50,113,106)
```
#387f77
```
#387f77 rgb(56,127,119)
```
#3e8d84
```
#3e8d84 rgb(62,141,132)
```
#449a90
```
#449a90 rgb(68,154,144)
```
#4aa89d
```
#4aa89d rgb(74,168,157)
```

Shade Color Variation

#53b3a8
```
#53b3a8 rgb(83,179,168)
```
#60b9af
```
#60b9af rgb(96,185,175)
```
#6ebfb6
```
#6ebfb6 rgb(110,191,182)
```
#7cc5bc
```
#7cc5bc rgb(124,197,188)
```
#89cbc3
```
#89cbc3 rgb(137,203,195)
```
#97d1ca
```
#97d1ca rgb(151,209,202)
```
#a4d7d1
```
#a4d7d1 rgb(164,215,209)
```
#b2ddd8
```
#b2ddd8 rgb(178,221,216)
```
#c0e3df
```
#c0e3df rgb(192,227,223)
```
#cde9e6
```
#cde9e6 rgb(205,233,230)
```
#dbefed
```
#dbefed rgb(219,239,237)
```
#e8f5f4
```
#e8f5f4 rgb(232,245,244)
```
#f6fbfa
```
#f6fbfa rgb(246,251,250)
```

Tint Color Variation

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

#c7c8c8
```
#c7c8c8 rgb(199,200,200)
```
#c3cccb
```
#c3cccb rgb(195,204,203)
```
#bfd0ce
```
#bfd0ce rgb(191,208,206)
```
#bbd4d1
```
#bbd4d1 rgb(187,212,209)
```
#b6d9d5
```
#b6d9d5 rgb(182,217,213)
```
#b2ddd8
```
#b2ddd8 rgb(178,221,216)
```
#aee1db
```
#aee1db rgb(174,225,219)
```
#a9e6df
```
#a9e6df rgb(169,230,223)
```
#a5eae2
```
#a5eae2 rgb(165,234,226)
```
#a1eee5
```
#a1eee5 rgb(161,238,229)
```
#9df2e8
```
#9df2e8 rgb(157,242,232)
```
#98f7ec
```
#98f7ec rgb(152,247,236)
```
#94fbef
```
#94fbef rgb(148,251,239)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cad3d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad5d5 Protanopia 1% of men
#e6d0de Deuteranopia 1% of men
#badbeb Tritanopia 0.001% of the population

Trichromacy

#cbd8d6 Protanomaly 1% of men, 0.01% of women
#d3d5dc Deuteranomaly 6% of men, 0.4% of women
#b7dce4 Tritanomaly 0.01% of the population

#b2ddd8 hex color

#b2ddd8 Color Information

#b2ddd8 Color Conversion

Color Schemes with #b2ddd8

Alternatives to #b2ddd8

#b2ddd8 Preview

Shades and Tints of #b2ddd8

Tones of #b2ddd8

Color Blindness Simulator